将宽度设置为100％

Question

我的布局看起来像这样：

代码如下： http://jsfiddle.net/redconservatory/L8tBk/

基本上，左边有一个div向左浮动，因此文本和按钮最终位于图像的右侧（也向左浮动）。

然而，为了让这个工作，我必须在内部div 上加一个宽度，否则div将漂浮在图像下方。

在用户不上传图片之前这是可以的，然后我得到的内容如下：

http://jsfiddle.net/redconservatory/dr3FG/

文本只占用容器的一部分，而不是填满整个容器。

这有什么办法吗？我希望文本占据大部分容器...

Answer 1

是的 - 我建议您理解Nicolle Sullivan的“媒体元素”http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

本质：

img { float: left; }
.description { overflow: hidden; }

现在如果有一张图片就可以了，如果没有，可以。从描述中删除宽度和浮动。使用填充来获得所需的效果，或在图像上留一个边距。