为什么html基础课又是这么说的:如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
真的不是很懂那些倚仗互联网的掩护就可以口无遮拦,原形毕露。乘一时口舌之快有那么爽吗,你会在课堂上当着老师的面说他的口音么,一点不懂得尊重人。
2016-04-27
已采纳回答 / fenzz
right布局是绝对布局,脱离了标准文档流,祖级布局是mainbody,margin-left 和left应对的对象都是mainbody,所以此时效果是一样的,两种写法都可以
2016-04-27
#wrap{width:970px;}
#mainbody{position:relative;margin-top:15px;}
#left{width:110px; border:1px solid #999;float:left;margin-left:10px;}
#mid{width:650px;border:1px solid #999;position:absolute;margin-left:135px;}
#right{border:1px solid black;margin-left:794px;}
#mainbody{position:relative;margin-top:15px;}
#left{width:110px; border:1px solid #999;float:left;margin-left:10px;}
#mid{width:650px;border:1px solid #999;position:absolute;margin-left:135px;}
#right{border:1px solid black;margin-left:794px;}
2016-04-26
最新回答 / wzdwbq
①给mainbody设置相对定位position:relative后,mainbody仍然处于处于标准文档流中,设置relative的元素本身仍没有脱离文档流,还是处于标准文档流中的。②宽度自适应,是因为它的包含快wrap设置了width:780px,而且sidebar设置了width:180px,而它本身content是绝对定位absolute,要求左外边距有20px,那么absolute的宽度width=780-(180+20)=580px。剩余的580px自然就是它的宽度了。
2016-04-26
找了两张美女图算了
.profile{background:url(http://p2.so.qhimg.com/sdr/512_768_/t01354efda9a8c3a0e7.jpg) no-repeat #eff9f9;}
.book{background:url(http://p0.so.qhimg.com/sdr/512_768_/t01e4fd84ea7374ff50.jpg) no-repeat #eff9f9;}
.profile{background:url(http://p2.so.qhimg.com/sdr/512_768_/t01354efda9a8c3a0e7.jpg) no-repeat #eff9f9;}
.book{background:url(http://p0.so.qhimg.com/sdr/512_768_/t01e4fd84ea7374ff50.jpg) no-repeat #eff9f9;}