第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如果容器元素包含浮動元素,為什么它的高度不增加?

如果容器元素包含浮動元素,為什么它的高度不增加?

Qyouu 2019-06-05 15:34:58
如果容器元素包含浮動元素,為什么它的高度不增加?我想問一下,高度和浮子是如何工作的。我有一個外部的div和一個有內(nèi)容的內(nèi)部div。它的高度可能會根據(jù)內(nèi)部div的內(nèi)容而變化,但我的內(nèi)部div似乎會溢出它的外部div。怎樣才是正確的方法呢? <html>    <body>        <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange">        <div style="width:500px; height:200px; background-color:black; float:right"></div>        </div>    </body></html>
查看完整描述

3 回答

?
FFIVE

TA貢獻1797條經(jīng)驗 獲得超6個贊

你需要添加overflow:auto對于您的父div,它包含內(nèi)部浮動div:

<div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange;overflow:auto">
    <div style="width:500px; height:200px; background-color:black; float:right">
    </div></div>

jsFiddle示例


查看完整回答
反對 回復(fù) 2019-06-05
?
慕桂英3389331

TA貢獻2036條經(jīng)驗 獲得超8個贊

您正遇到浮點錯誤(但我不確定它在技術(shù)上是否是一個錯誤,因為有多少瀏覽器顯示了這種行為)。下面是正在發(fā)生的事情:

在正常情況下,假設(shè)未設(shè)置顯式高度,塊級元素(如div)將根據(jù)其內(nèi)容設(shè)置其高度。父div的底部將擴展到最后一個元素之外。不幸的是,浮動元素阻止父元素在確定其高度時考慮到浮動元素。這意味著,如果最后一個元素被浮動,它將不會像普通元素那樣“拉伸”父元素。

清清

有兩種常見的方法來解決這個問題。第一種方法是添加一個“清除”元素,即浮動元素下面的另一個元素,它將迫使父元素拉伸。因此,添加以下html作為最后一個子程序:

<div style="clear:both"></div>

它不應(yīng)該是可見的,通過使用CLEAR:兩種方法,您都要確保它不會坐在浮動元素的旁邊,而是在它之后。

溢出:

第二種方法是更改父元素的CSS,使溢出不再是“可見的”,這是大多數(shù)人(我認為)喜歡的方法。因此,將溢出設(shè)置為“隱藏”將迫使父級擴展到浮動子節(jié)點的底部之外。當然,只有在沒有為父級設(shè)置高度的情況下,這才是正確的。

就像我說的,第二種方法是首選的,因為它不需要向標記中添加語義上無意義的元素,但有時需要overflow要使其可見,在這種情況下添加一個清除元素是完全可以接受的。


查看完整回答
反對 回復(fù) 2019-06-05
  • 3 回答
  • 0 關(guān)注
  • 690 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號