.container
{
position: absolute;
bottom: 0px;
height: 25px;
left: 200px;
padding-right: 5px;
background-color: black;
overflow: hidden;
}
.child
{
position: relative;
float: left;
height: 100%;
width: 95px;
background-color: #99CCFF;
margin-left: 5px;
}
当浏览器窗口的大小小于允许所有子项无需包装时，我希望有一个滚动条，而不是子元素包装的默认机制。
我无法控制子元素的数量，因此无法在容器上设置宽度。如何防止包含子元素？
答案 0 :(得分：21)
如果您不想要包装，则不应使用浮动 - 它们是专门为包装而创建的。
使用包含overflow:auto和white-space:nowrap的父容器以及display:inline或inline-block的子容器。
答案 1 :(得分：0)
使用简单的HTML和CSS，这是不可能的。在不知道子元素数量的情况下，唯一的方法是使用JavaScript根据子元素的数量及其总宽度动态设置最小宽度。
答案 2 :(得分：0)
您可以添加所有儿童的父母持有人（）。然后使用该div的overflow：auto。如果这不起作用，那么也可以使用self.innerHeight和self.innerWidth（通过javascript）获得div的高度和宽度。