-
混合布局 <div class="top"> <div class="head">head</div> </div> <div class="main"> <div class="left">left</div> <div class="right"> <div class="r_sub_left">sub_left </div> <div class=" r_sub_right">sub_right </div> </div> </div> <div class="footer">footer</div>查看全部
-
设置margin属性时，遵守上右左下的原则。为0的值不需要px 不为0需要加px; 三列布局 左右固定，中间自适应 左、右分别利用 position:absolute; left/right:0; top:0; 中间利用margin:0 Rpx 0 Lpx;查看全部
-
特殊的三列布局：左右固定，中间自适应情况，左右使用绝对定位来实现，中间用margin实现. 三列布局：左侧和右侧固定，中间自适应： 左侧{position：absolute；left:0;top:0} 右侧{position：absolute；top:0；right：0} 中间{margin-left:100px;margin-right:100px;}查看全部
-
CSS设置中浮动和绝对定位可以让元素脱离文档流。查看全部
-
margin:0 auto;(居中对齐）查看全部
-
三列布局 左右固定，中间自适应 左、右分别利用 position:absolute; left/right:0; top:0; 中间利用margin:0 Rpx 0 Lpx; .left{ /*左 有宽和高 */width:100px; height:600px; position:absolute; left:0; top:0; background:#ccc;} .main{/*中 只有高度*/height:600px;background:#9CF;margin:0 60px 0 110px;} .right{ { /*右 有宽和高 */ width:50px; height:600px; position:absolute; top:0;right:0; background:#FCC;}查看全部
-
原文代码，使用clear:both;消除浮动查看全部
-
左、右分别利用 position:absolute; left/right:0; top:0; 中间利用margin:0 Rpx 0 Lpx;查看全部
-
mark查看全部
-
body{margin:0;padding:0}清楚默认样式查看全部
-
编程挑战查看全部
-
CSS布局：4.混合布局 块与块之间的关系：1.块挨着块 2.块嵌套块 3.块压着块 CSS就是把块摆放正确查看全部
-
css布局：3. 特殊的三列布局：左右固定，中间自适应情况，左右使用绝对定位来实现，中间用margin实现查看全部
-
css布局：2. 两列布局：自适应的两列布局：width用百分比+float； 两列布局的自适应布局一般用的比较少，用固定的比较多 固定宽度的两列布局：width：具体值/父级元素的宽度确定，width+百分比；+float; 如果没有加float的话，不能实现并排的两列布局。查看全部
-
CSS布局：2.常见的布局查看全部
举报
0/150
提交
取消