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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

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

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

Qyouu 2019-06-05 15:34:58
如果容器元素包含浮動(dòng)元素,為什么它的高度不增加?我想問一下,高度和浮子是如何工作的。我有一個(gè)外部的div和一個(gè)有內(nèi)容的內(nèi)部div。它的高度可能會(huì)根據(jù)內(nèi)部div的內(nèi)容而變化,但我的內(nèi)部div似乎會(huì)溢出它的外部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貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

你需要添加overflow:auto對(duì)于您的父div,它包含內(nèi)部浮動(dòng)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示例


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

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

您正遇到浮點(diǎn)錯(cuò)誤(但我不確定它在技術(shù)上是否是一個(gè)錯(cuò)誤,因?yàn)橛卸嗌贋g覽器顯示了這種行為)。下面是正在發(fā)生的事情:

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

清清

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

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

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

溢出:

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

就像我說的,第二種方法是首選的,因?yàn)樗恍枰驑?biāo)記中添加語義上無意義的元素,但有時(shí)需要overflow要使其可見,在這種情況下添加一個(gè)清除元素是完全可以接受的。


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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