課程
/前端開發
/HTML/CSS
/網頁布局基礎
為什么在mainbody用clear:both和width:100%;overflow:hidden;會有不同的效果???
2016-03-14
源自:網頁布局基礎 3-5
正在回答
我是這么理解的:
在這節課里面,老師說過clear是用于float元素緊鄰的下一個元素清除浮動,但例子中mainbody縮成了一個點的原因是.left和.right設置了float后脫離了普通文檔流,也就是“浮”出來了,在mainbody看來,它自己“肚子”里什么東西都沒有,很自然就縮成一個點了。mainbody并不是.left或者.right緊鄰的下一個元素,所以clear沒用,所以用overflow:hidden來忽視“浮”出來的元素,擴充成正常大小
末口糖
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-14
我是這么理解的:
在這節課里面,老師說過clear是用于float元素緊鄰的下一個元素清除浮動,但例子中mainbody縮成了一個點的原因是.left和.right設置了float后脫離了普通文檔流,也就是“浮”出來了,在mainbody看來,它自己“肚子”里什么東西都沒有,很自然就縮成一個點了。mainbody并不是.left或者.right緊鄰的下一個元素,所以clear沒用,所以用overflow:hidden來忽視“浮”出來的元素,擴充成正常大小