當div不用內容調整大小時？

我工作的一些複雜的設計，並有再次愚蠢的問題:)當div不用內容調整大小時？

好吧，讓我們說我有一個div和一些裏面的內容，如：

<div style="background-color: #fff; width: 1000px; margin: 0 auto;"> 
    <img src="img.png" /> 
    <p>Blablabla :)</p> 
</div> 
<div style="background-color: #000; width: 1000px; margin: 0 auto;"></div>

div的寬度是固定的，但我不告訴瀏覽器什麼是高度（所以CSS文件中沒有div的高度屬性）。

然後，當我添加越來越多的文本的第一段或更大的圖像時，第一個div的文本子在第二個div中。

如何防止這種情況發生？或者我做了什麼來實現它？

謝謝！

來源

2010-10-16 fomicz

你確定你沒有在第二個div上使用絕對位置嗎？ – 2010-10-16 19:50:21

確保CSS中的父div不是position:absolute;或position:fixed;。他們應該是position:relative;。

如果任何子項float:left;或float:right;那麼reective父DIV需要一個overflow:auto;財產序引起div來充分包裹的子項。

如果您發佈了一個工作頁面的整個樣本，而不僅僅是div和CSS，它會幫助我們更好地幫助您。

來源

2010-10-16 19:47:30 trusktr

它應該是自動展開的，它聽起來像你有一些其他樣式與定位，這是拋出的默認行爲。

You can see in a demo here它應該擴展（height: auto;）到您給它的任何內容，動態添加或不添加。

來源

2010-10-16 19:45:45

好的，但是什麼樣的造型改變了這種行爲？我猜花車，別的？ – fomicz 2010-10-16 19:48:03

@fomicz - 或者''position' style'fixed'或者'absolute' ......有幾種方法可以實現這一點。 – 2010-10-16 19:48:56

我會檢查花車和定位在img和p上。但我不能告訴你更多沒有看到完整的CSS/HTML你可以發佈鏈接？

來源

2010-10-16 19:47:41

當div不用內容調整大小時？

回答

相關問題