给父div它的浮动内容的宽度

我想创建一个外部div，其宽度足以包含所有它的子节点（这是左边的浮动）。给父div它的浮动内容的宽度

这是我想要达到的基本图（纯CSS）。我尝试了很多，但似乎无法扼杀这个概念。这些项目总是开始在浏览器视口中打包。

+--viewport-------------------+ 
    |        | 
    | +----parent div--------------------------------------------------------^ 
    | |       |           | 
    | | +-------+ +-------+ +--------+ +---------+ +--------+ +-----+  | 
    | | |  | |  | |  | | |   | |  | |  |  | 
    | | |  | |  | |  | | |   | |  | |  |  | 
    | | |  | |  | |  | | |   | |  | |  |  | 
    | | +-------+ +-------+ +--------+ +---------+ +--------+ +-----+  | 
    | +----------------------------------------------------------------------+ 
    |        | 
    |        | 
    +-----------------------------+

有人可以帮我吗？

来源

2014-02-25 Tim Broddin

添加代码。为我们简单... – Alvaro

设置宽度为父母，我们这样做的滑块。浮动元素打破它永远不会让父母增加宽度。使用css3 calc来设置父级的宽度。 http://jsfiddle.net/aslancods/UTrvg/4/ – sudhnk

添加white-space: nowrap父DIV和为孩子添加display: inline-block，而不是float: left，例如：

.parent_div { 
    white-space: nowrap; 
} 
.parent_div > div { 
    display: inline-block; 
}

下面是一个例子：FIDDLE

来源

2014-02-25 18:03:11 matewka

哇，非常感谢！ –

给父div它的浮动内容的宽度

回答

相关问题