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元素忽略填充图像

回答

相关问题