使用 overflow 默認值(visible)以外的值將創建一個新的 塊級格式化上下文. 這在技術層面上是必須的——如果一個浮動元素和滾動條相交,它會強制(重新)包圍內容元素。 (個人理解) 因為left與right漂浮于mainbody上方,導致left與right會超出mainbody塊所能包含的區域,為了讓mainbody塊能夠包裹住left和right,會強制性創建一個區塊將left與right包裹住,所以mainbody的高度會包裹住left與right。
2016-12-24
#wrap{width:970px;margin:0 auto;}
試了之后才知道效果吧。
#mainbody{width:100%;overflow:hidden;position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:792px;border:1px solid #999;}
試了之后才知道效果吧。
#mainbody{width:100%;overflow:hidden;position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:792px;border:1px solid #999;}
2016-12-24
最贊回答 / 韓俠
這句話請這么進行斷句:請補充代碼,使#mainbody和#footer寬度以"父包含塊寬度"為準,自適應;所以就是對#mainbody和#footer進行寬度設置,那么寬度值為多少呢,就是"父包含塊寬度",所以就是設置:width:100%;寬度為父級寬度的100%.
2016-12-23