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

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

主體內容里的白塊和綠塊不能并排顯示是因為寬度?

設置了浮動后 課程里面說是因為裝不下這兩個元素所以沒有并排,但這兩個元素的寬度加起來不是少過父元素的寬度嗎?

正在回答

3 回答

我正好也有這個疑問,樓上說的有理,因為塊級元素獨占一行,所以兩個都要設置成浮動

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

當時設置了白塊浮動,綠塊還是div是塊元素,塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束),所以綠塊會在下面顯示。

之后綠塊設置了浮動,父元素受到浮動影響無法擴展開,所以不顯示黃色塊。

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

梔子_

可是為什么綠色的塊設置浮動后,紫色的塊自己跑上來了呢?紫色的塊也是塊級元素,不是應該獨占一行在下面嗎
2016-11-02 回復 有任何疑惑可以回復我~
#2

慕的地6863477 提問者

但是在上一章 “清楚浮動影響”里面 同樣兩個<div>會受到浮動的影響 排成一列?
2016-11-02 回復 有任何疑惑可以回復我~
#3

徐錦杰 回復 梔子_

mainboby首先是沒有設置高度的,在left和right設置浮動后,left和right脫離了文檔流,那么mainbody的高度不會因為子元素而擴展,高度就為0,紫塊作為獨占一行顯示,也就是挨著頭部了。 而在mainbody里添加overflow:hidden,會讓浮動元素又回到文檔流,并且暫居一定的空間,那么mainbody的高度又被子元素撐開了,紫塊就又下去了。 (個人理解)
2016-11-02 回復 有任何疑惑可以回復我~
#4

梔子_ 回復 徐錦杰

我覺得講得很有道理,謝謝你。
2016-11-03 回復 有任何疑惑可以回復我~
查看1條回復

里面只設置一個浮動當然不行,DIV是塊級元素,需要兩個都設置浮動

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

舉報

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

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

進入課程

主體內容里的白塊和綠塊不能并排顯示是因為寬度?

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

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

幫助反饋 APP下載

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

公眾號

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