最赞回答 / QQ_随意
当你使用绝对定位时该物体就脱离文档流了,所以设置margin只会和你设置的相对定位点起作用,————如果是练习题的话。你把内边距padding-left设置一下看看效果
2017-03-26
#mainbody{width:100%; margin-top:15px;position:relative;}
#left{ width:110px;float:left;}
#mid{width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999;clear:both;position:absolute; top:0;margin-left:790px;}
最后一行clear:both可以不加,因为加了绝对定位后,脱离了文档流,就失去了意义。
#left{ width:110px;float:left;}
#mid{width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999;clear:both;position:absolute; top:0;margin-left:790px;}
最后一行clear:both可以不加,因为加了绝对定位后,脱离了文档流,就失去了意义。
2017-03-25
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
2017-03-24
这一节的确讲错了,浮动使其脱离了标准文档流,,,,这种official的表述暂且不谈,
box1浮动后box2紧挨着box1?
..............额
box2就没有像刚刚独占一行了?
box2还是独占一行,只不过box1处于box2的上一层,把box2前面的盖住了,在空间上理解是两层的关系,做个试验,设一下box2的宽度,设它为20px,如果是紧挨着的话,就能看到,如果仍然占据一行,则由于宽度很小,一定什么都看不到。
我只是不想初学者因为这种问题被绕晕就放弃,讲的不对尽管提。
box1浮动后box2紧挨着box1?
..............额
box2就没有像刚刚独占一行了?
box2还是独占一行,只不过box1处于box2的上一层,把box2前面的盖住了,在空间上理解是两层的关系,做个试验,设一下box2的宽度,设它为20px,如果是紧挨着的话,就能看到,如果仍然占据一行,则由于宽度很小,一定什么都看不到。
我只是不想初学者因为这种问题被绕晕就放弃,讲的不对尽管提。
2017-03-24