如何使div在窗口大小上调整大小而不丢失浮动?

时间:2014-03-15 20:14:22

标签: css html responsive-design css-float

我有一个评论块,每个评论基本上由2个div组成: 头像(float:left,fixed with)和comment_text(相对宽度)。

http://cssdesk.com/YwgA2

我在调整浏览器窗口大小时遇到​​问题。调整大小时,首先发生的事情是 - 正确的div下降。只有当它在第一个div下时,才会开始调整大小。

我想要它将comment_text div调整为min-size,然后才能进入浮动div。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您尚未设置.comment_text的宽度。设置

width: calc(100% - 110px); // 100px for the avatars width and 10 to compensate margins

您也可以设置min-width

检查一下:http://cssdesk.com/rzkaF