已采纳回答 / qq_时间才是最大的情敌_4
我试了试,如果使用right:0px,那么它会使p标签里的字(欢迎使用。。。。)显示在一行并且宽度会有所增加,如果使用left的话就是相对于mainbody标签的左边向右移动了那么多。
2017-07-17
#wrap { width: 970px; margin: 0 auto;}
#mainbody{margin-top:15px;width:100%;overflow: hidden;position:relative;}
#left{width:110px;float: left;border:1px solid #B8A8A9;}
#mid{width:650px;border: 1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;left:788px;}
#mainbody{margin-top:15px;width:100%;overflow: hidden;position:relative;}
#left{width:110px;float: left;border:1px solid #B8A8A9;}
#mid{width:650px;border: 1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;left:788px;}
2017-07-17
http://www.cnblogs.com/luoqian/p/5987788.html 这个网址解释了overflow:hidden;的真正含义!
合工大软件学院的路过 我觉得老师说的很好 那些说不好的 你自己脑子有问题吧 自己垃圾看看不管别人的好 你永远都不会进步的 垃圾们!!!
@舒紫栋
no,no,no不是换行不换行的问题,因为左边的div已经浮动脱离文档流了,所以右边的div就会占据它原来的位置,但浮动元素会覆盖在普通元素上面,所以看上去是换行,其实你量一下会发现二者在同一行,另外,后面那个"版权部分"也是这个原理
no,no,no不是换行不换行的问题,因为左边的div已经浮动脱离文档流了,所以右边的div就会占据它原来的位置,但浮动元素会覆盖在普通元素上面,所以看上去是换行,其实你量一下会发现二者在同一行,另外,后面那个"版权部分"也是这个原理
2017-07-15
其实原来p元素是占据一整行的,只是被浮动元素覆盖了,而且浮动对于文字的影响是使文字环绕在其周围,之后设置p元素overflow:hidden触发BFC后,由于BFC的特性即不与浮动元素重叠,p元素就不会占据一行了(此时浮动元素和p元素仍在同一行,我们看不出变化),之后设置了width:100%,那么宽度达不到要求p元素就得跑到下一行去了.
关于BFC的介绍:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
关于BFC的介绍:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
2017-07-15