-
清除浮动:clear both查看全部
-
布局:版式布局(头部、主题(分栏=分列)、底部) 特点:自适应宽度/无限延长高度 CSS =>(浮动/定位) UI(User Interface)查看全部
-
“position:absolute;”这个代码是让某个标签脱离文本流而固定在某个位置,“left:0;right:0;top:0;bottom:0;”这些则是让标签根据带有定位属性的父辈元素进行偏移。查看全部
-
3列布局,不能用浮动控制两侧div。 中间自适应。需要两边用绝对定位absolute提出来查看全部
-
margin:0 310px 0 210px;查看全部
-
三栏布局自适应:左右两栏不用设置浮动,设置position:absolute left:0/right:0 top:0 中间一栏设置左右边距:margiin:0 widthRight 0 widthLeft查看全部
-
position:relative;绝对定位查看全部
-
浮动(float)和 绝对定位(position:absolute) 可以让元素脱离文档流查看全部
-
body{margin:0;padding:0}清除默认样式查看全部
-
margin:0 auto //水平居中对齐查看全部
-
position:abluate查看全部
-
两列自适应布局 Width:20%,width:80% Float:left和float:right 问,inline-block,50%不可以吗? 三列自适应布局 同上 三列两边固定,中间自适应 两边用绝对定位,left:0;width:200px;right:0;width:300px; 中间margin:0 300px 0 200px; 所以自适应可以用百分比,也可以用margin查看全部
-
sad查看全部
-
混合布局: body{margin: 0;padding: 0;} .top{height: 100px;background: blue;} .main{height: 400px;width: 800px;margin: 0 auto;} .left{height: 400px;width: 200px;background: red;float: left;} .right{height: 400px;width: 600px;background: yellow;float: right;} .foot{height: 100px;width: 800px; background: blue;margin: 0 auto;}查看全部
-
三列布局,左右固定宽带,中间自适应。不能使用浮动,要使用绝对定位 body{margin: 0;padding: 0;} .left{width: 200px; height: 500px; background: white; position: absolute; left: 0; top: 0; } .mid{ height: 500px; background: gray; } .right{width: 200px; height: 500px; background: white; position: absolute; right: 0; top: 0; } 还可以修改中间div的margin来设置列间距: .mid{ height: 500px; background: gray; margin: 0 210px;}查看全部
举报
0/150
提交
取消