CSS元素忽略填充圖像

所以，我有一個網頁與CSS，其中一個元素有圖像和文字。圖像對齊到左側，並且延伸到父元素的填充。CSS元素忽略填充圖像

父元素尊重文本，並且隨着更多文本的添加而延伸，但它可以讓圖像經過而不會延伸。

這是什麼樣子：

enter image description here

這就是我想要的：

What I want

基本上，我想要的內容元素，以擴大不僅與文本，而且也與元素。最後，源： http://pastebin.com/VY3P9CtJ - CSS http://pastebin.com/7sSbuvrC - HTML

來源

2013-11-27 Mad3ngineer

有任何HTML/CSS？ –

您想要擴展平坦背景顏色的圖像，還是實際上是想要有條件裁剪的高度的圖像？沒有代碼的 –

它是一個介意如何解決它的情況。 – otherDewi

我會做了清晰的內聯樣式，而是更改爲以下：

<div id="content"> 
    <h1>Books</h1> 
    <img src='images/vol1.jpg' style='float:left;' width='300px'/> 
    <p>text text text text text text text</p><div style='clear:both'/><hr/><br> 
</div>

來源

2013-11-27 00:56:09

謝謝你的回答。我更喜歡單獨的css文檔，但在將來我會提問時，我會轉換爲內聯。 – Mad3ngineer

實際上，當你問你的時候，從你的CSS中分離你的HTML就沒有問題。我只是不想去爲小事做小提琴的麻煩。祝你好運！ –

一切都好！我一直在使用清楚：與
，並有良好的結果。再次感謝您的快速回復！ – Mad3ngineer

CSS元素忽略填充圖像

回答

相關問題