#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