亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

#header 里的overflow: hidden; 可以用浮動代替嗎?

#header?{

? ?width:?100%;


? ?overflow:?hidden;



正在回答

2 回答

header里面的overflow:hidden,是起到閉合浮動的作用,因為父元素沒有設置寬高,header的寬高完全由里面的子元素撐起來的,nav在這里設置了float,這樣會導致父元素的高度塌陷,只包裹logo這一塊的情況,你把overflow:hidden去掉之后會發現下面的mainbody部分忽略了nav的位置向上移動了,給沒有寬高的父元素設置overflow:hidden之后,里面的子元素會被重新定義塊屬性被包裹起來,而clear只能達到清除浮動的作用,是用在被浮動影響到的元素上的,所以不能用clear代替哦

1 回復 有任何疑惑可以回復我~

不可以,在父元素給定寬度+再設置overflow: hidden這樣一起才可以實現清除浮動的效果;而clear:both方法適合給本身清除浮動

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

#header 里的overflow: hidden; 可以用浮動代替嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號