-
中间div实现三行布局,总体是混合布局,但中间三行float:left 向左进行浮动查看全部
-
margin:0和padding:0用来清除样式,取消内外边距查看全部
-
三行混合布局查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0;} .main{ height:600px; margin:0 300px 0 200px; background:#9CF;} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}查看全部
-
自适应width:20% width:80%查看全部
-
float: right; position:relative;right:-30px; 右浮动,相对位置,右移30px查看全部
-
margin:0 auto;上下为0,左右居中查看全部
-
div{width:100px;height:100px;margin:0 auto 水平居中查看全部
-
如果给中间设置100%会怎么样查看全部
-
三列布局,中间模块实现自适应宽度,则让左右模块绝对定位,设置left,top,right值。中间的模块改变设置margin值。查看全部
-
常见布局种类查看全部
-
布局查看全部
-
简单混合布局查看全部
-
混合布局查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:200px; background-color:#ccc;} .main{width:800px; height:800px; margin:0 auto;position: relative;} .left{width:200px; height:800px; background-color:blue;position:absolute; left:0; top:0;} .right{height:800px; background-color:green; margin-left: 210px;} .foot{width:800px; margin:0 auto; background-color:orange;}查看全部
举报
0/150
提交
取消