Question

我的HTML文档中有几个div元素在彼此之下：

#quote
#keyword_tree
#sticky_keywords
#stats

我目前拥有所有float: left，并且可以在大屏幕上运行。在#sticky_keywords内，还有浮动元素，如果页面非常小，它们会正确破坏。问题是如果包装器（#sticky_keywords）已经在它自己的一行上，它们只被分成几行。

如果不指定静态宽度，我怎么能让它在#keyword_tree旁边打破？

大屏幕

小屏幕

Answer 1

或许为max-width添加#sticky_keywords，以便始终适合#keyword_tree？

Answer 2

有了这个，它的效果非常好：

#keyword_tree {
    float: left;
    width: 200px;
}
#sticky_keywords {
    overflow: hidden;
    margin-left: 240px;
}

所以关键字树是固定的（这是妥协），但另一个可以使用所有空间。

适用于Firefox，IE9和Opera：

但在Chromium和Chrome以及Rekonq中表现不太好：

我不确定如何提供额外的margin-right。