显示块无法正常工作......？

Question

我知道这是一个常见问题，我已经尝试了搜索过的方法。这是jsfiddle：http://jsfiddle.net/ZfZK9/，这是我的问题

基本上，我有一个主div容器。它有一个图像和一些文字。我需要一面是图像，另一面需要文字。我尝试将img放入div中，将其高度设置为100％，并将其向右浮动，但正如您在jsfiddle中看到的那样，一旦文本低于图像，它就不能保持柱形成。

我不确定为什么显示：块和高度：100％在左栏上没有任何好处。

由于

编辑：我假设高度：100％不起作用，因为它会被渲染，然后文本会被添加。我仍然试图找到一个优雅的解决方案，而且是通用的。

另一个问题是，当我将（图像和文本的）两个div设置为float：left时，它只显示图像，然后显示其下的文本

Answer 1

可以这样做：http://jsfiddle.net/ZfZK9/34/

只需在两侧创建两个div作为列，然后将这两个边设置为特定的宽度，然后使用填充和边距来玩，直到得到你想要的为止。

为了保持您内容的边框，我添加了clearfix，这将有助于包含两个浮动的列....

http://jsfiddle.net/ZfZK9/34/

不得不编辑一些东西，花点时间才能做到正确，但现在一切都应该正常工作了。包含两个浮动的div，添加了浏览器校对clearfix。如果您希望图片或侧边栏看起来像是继续显示在底部，请阅读Faux Columns

Answer 2

你在html中有一些css，在css中有一些，所以这很难理解。我相信我看到的是一个常见错误，你必须考虑当你设定100％的东西时你必须考虑，100％的是什么？它始终是该元素的父元素。那么父集是什么？如果没有，那就是你的问题。

请记住，如果父母也设置为100％，则同样的问题将适用。

编辑：我现在看到了问题。我误解了。你想要做的是设置右div的宽度，带有文本的宽度。向右浮动它应该解决问题。