浮動使得股利不是圍繞孩子

以下HTML ...浮動使得股利不是圍繞孩子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
    <div style="border: 1px solid blue;"> 
     <div style="float: left;"> 
      Expected NPV</div> 
    </div> 
</body> 
</html>

...呈現藍色邊框和孩子DIV裏面父DIV。但是，float：left;指令使得父母不用邊界包圍孩子（這是我的願望）。

有沒有辦法讓這種情況發生w/out刪除浮動：左？

我把HTML解釋成一個非常簡單的例子來說明基本問題。我意識到float：left;在這個例子中是荒謬的，但它是從原始的HTML中需要的。我可以發佈，如果它會更有幫助。

來源

2010-10-22 John Livermore

麻煩是沒有上下文我們不能分辨浮動是否合適 - 顯示：內聯可能更適合我們所知道的。 – annakata 2010-10-22 12:14:07

，您可以給父母一個overflow把孩子的身高進去，就像這樣：

<div style="border: 1px solid blue; overflow: auto;"> 
    <div style="float: left;"> 
     Expected NPV</div> 
</div>

You can test it here。有關詳細解釋，請參閱check out the excellent write-up on quirksmode.org。請注意，overflow: hidden也適用於此，you can test that version here。

來源

2010-10-22 12:14:52

完美。謝謝！ – 2010-10-22 12:23:08

@John - 歡迎:) – 2010-10-22 12:23:58

使用overflow:auto;例如。在容器上。

類似的問題：Floating image to the left changes container div's height

來源

2010-10-22 12:14:19 MatTheCat

浮動使得股利不是圍繞孩子

回答

相關問題