<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>抽屉新热榜</title>
<link rel="stylesheet" href="抽屉css.css">
</head>
<bod
转载
2023-08-02 14:01:42
302阅读
无标题文档 22222f 22222f 22222f 22222f 22222f 22222f 22222f ...
原创
2023-01-13 15:55:50
419阅读
.arrow: before {position: absolute;top: 0;right: 30rpx;bottom: 0;display: block;margin: auto;width: 30rpx;height: 30rpx;color: #8799a3;content: "\E6A3";text-align: center;font-size: 34rpx;font-family
原创
2021-08-13 20:00:39
1758阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD> <META http-equiv=Content-Type content="text/html; charset=utf-8"&
转载
2009-10-26 10:08:00
426阅读
2评论
实现一个css 来控制图片和文字的左右拖动的效果。具体的效果图 如下图所示：最开始的时候，产品给了我一张静态图片，让我按照这个来是实现页面。跟我说了一下说是可以播放滑动的。我以为是让我写一个轮播图。后来才知道是手动触碰进行拖放。遂决定直接用css来实现。 2.我使用的是slim的语法。如果你想了解这种语法，可以过一遍这个网站的文档slim的语法介绍，反正刚接触的时候，你可能会很不适应。不过，如果
转载
2024-02-25 18:24:46
236阅读
float 单一层浮动法左侧固定成100px; 则核心代码 左侧：width:100px;float:left; 右侧 width:auto;margin-left:100px;绝大浏览器是没有任何问题的，除了万恶的浏览器IE6，两层中间有缝隙 3px; 在固定元素上加入绝对，自适应元素设
转载
2020-06-04 22:24:00
357阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="all"&.
转载
2021-06-30 09:51:25
601阅读
之前写左右固定，直接写了一个right：多少px，发现当窗口变小之后，那个悬浮框会挡住页面，体验不好，找了一下，发
转载
2022-12-22 00:32:45
881阅读
<!DOCTYPE >< lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="all"&.
转载
2022-03-15 16:38:14
299阅读
演示demo其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。常用的宽度自适应的方法通常是利用了block水平
原创
2022-09-29 16:21:56
439阅读
如果使用float做固定宽度的div，这个div要写在自适应div的前面，不然后导致两个div不在同一行，这是用float的弊端absolute可以解决这个问题，但是使用absolute时，如果固定宽带的div比较高，会影响后面的布局所以还需要使用float，一个向左...
原创
2021-07-27 20:51:43
1265阅读
如果使用float做固定宽度的div，这个div要写在自适应div的前面，不然后导致两个div不在同一行，这是用float的弊端absolute可以解决这个问题
原创
2022-06-30 18:05:54
1085阅读
1.固定高度
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <
原创
2011-03-24 12:36:20
2357阅读
点赞
反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边
转载
2019-04-06 14:49:00
398阅读
2评论
A, float+calc(css3新属性计算属性)方式 B, flex方式 .
转载
2019-12-07 23:30:00
124阅读
2评论
1，固定宽度区浮动，自适应区不设宽度而设置 margin <!DOCTYPE html> <html> <head> <style type="text/css"> #
转载
2020-12-11 18:09:00
235阅读
2评论
<div class="left"> 左 </div> <div class="right"> 右 </div>第一种 浮动.left{ width: 200px; float: left; height: 200px; background: #0000FF; }.right{ margin-left: 200px; height: 200px; background: #00FF00;}弟二种 计算.
原创
2022-01-10 13:51:03
539阅读
css样式：
<head>
<style>
/* 清除掉默认的内外间距 */
* {
padding: 0;
margin: 0;
}
/* 导航条定高度和背景色，宽度不定，大通栏 */
.nav{
height: 58px;
background-color: #000;
}
.center {
width: 1000
原创
2023-12-20 23:18:29
93阅读
