CSS元素忽略填充中的图像

Question

因此，我有一个带CSS的网页，其中一个元素包含图像和文本。 图像向左对齐，并且延伸超出父元素的填充。

父元素尊重文本，并随着添加更多文本而扩展，但是它使图像可以通过而不会扩展。

看起来是这样的：

---

这就是我要的：

---

基本上，我希望content元素不仅可以扩展文本，还可以扩展元素。 最后，来源： http ://pastebin.com/VY3P9CtJ-CSS http://pastebin.com/7sSbuvrC-HTML

Answer 1

为了清楚起见，我将使用内联样式，但请更改为以下内容：

<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>