#right{position:absolute;margin-left:794px;border:1px solid #999;}
我寫的margin-left:794px,原因是970-(1+110+1+13+1+650+1+17)
解釋wrap的總寬度-(left的寬度+left兩側邊框+left和mid的間距+mid的寬度+mid兩側邊框+mid與right的間距)
當我設置#wrap{overflow:hidden}時,卻發現right的右側邊框被隱藏了,此時調整#right{margin-Left:791px}剛好能見右邊框
我寫的margin-left:794px,原因是970-(1+110+1+13+1+650+1+17)
解釋wrap的總寬度-(left的寬度+left兩側邊框+left和mid的間距+mid的寬度+mid兩側邊框+mid與right的間距)
當我設置#wrap{overflow:hidden}時,卻發現right的右側邊框被隱藏了,此時調整#right{margin-Left:791px}剛好能見右邊框
2016-05-27
最贊回答 / Himushroom
header里面的overflow:hidden,是起到閉合浮動的作用,因為父元素沒有設置寬高,header的寬高完全由里面的子元素撐起來的,nav在這里設置了float,這樣會導致父元素的高度塌陷,只包裹logo這一塊的情況,你把overflow:hidden去掉之后會發現下面的mainbody部分忽略了nav的位置向上移動了,給沒有寬高的父元素設置overflow:hidden之后,里面的子元素會被重新定義塊屬性被包裹起來,而clear只能達到清除浮動的作用,是用在被浮動影響到的元素上的,所以不能用c...
2016-05-26