-
注意<div>层次查看全部
-
清除浮动：1.clear:both；（子模块之间） 2.overflow:hidden; （父与子之间） width:100%;查看全部
-
一列用margin：0 auto； 二列用float：left； 三列用：左右用position：absolute；left:0;中间用margin：0 300 200；别忘记同高查看全部
-
absolute表里如一 relative只是表面显示移动了，但实际还在文档流中原有位置，别的元素无法占据 fixed(固定定位)右下角小广告 绝对定位是相对于相对定位进行移动 overflow：hidden 滑出隐藏查看全部
-
position:absolute将left.right元素脱离文档流，所以main中相对于body定位310而不是10px查看全部
-
float：right查看全部
-
float：left查看全部
-
left和right不是显示在同一行上的，与效果图显示的不一样。 是哪边出错了吗？ 坐等，大神指点查看全部
-
margin:0 auto 居中对齐查看全部
-
这里是一个排版陷阱：当main里面设置了左右两个div之后，这个时候不要忘记给main也设置和左右div一样的高度，题中的main是没有设置高度的，只设置了宽度，这个时候我们可以想象main其实就是一根高度为0的线条浮在top的下面，只是我们看不到，因为它没有高度。而footer是浮在main下面的，并不是浮在左右两个div下面，所以我们看到footer块莫名其妙跑上来盖住了左右两个div，解决办法如下： 第一，给main赋予和左右div同样大小的高度，这个是最直接的方法，main的高度从0变成600px之后，自然把以它为参照、浮在它屁股下面的footer压到下面去了； 第二，把footer的浮动清除掉，使用clear：both，这样footer从一个跟着main浮起来的飞行物变成了失去翅膀的元素，不能浮动，它就只能自动找最长的参照物（也就是很长的左右div），然后折行显示在底部了，一样能达到效果。查看全部
-
块块关系:相邻、嵌套、叠压查看全部
-
三列布局： 左(固定)+中(自适应)+右(固定): 定位法(浮动法):左(absolute/left:0)+中(margin)+右(absolute/right:0)查看全部
-
二列布局：自适应宽度(%)/固定宽度(px) <div class="main"> <div class="left"></div> <div class="right"></div> </div>查看全部
-
一列布局：首页 body{padding:0;margin:0;}:清除默认样式 <div class="head"></div> <div class="main"></div> <div class="foot"></div>查看全部
-
我的代码显示不出效果查看全部
举报
0/150
提交
取消