Html 如何安排多个<;部门>;元素并排排列,没有包裹

Html 如何安排多个<;部门>;元素并排排列,没有包裹,html,css,css-float,Html,Css,Css Float,容器div中有三个并排的div元素,其宽度小于子元素的总宽度 宽度。你可以找到这个案子的关键点: 我想让container div水平滚动以显示其他子级 我如何安排孩子们不要包装在容器div内? 现在它垂直滚动,我希望它水平滚动。将浮动:左更改为显示:内联块并将空白:nowrap添加到容器中。在滚动div中需要另一个div,其总宽度等于其子项的所有宽度 见: 那里已经有一个额外的div,所以我用了那个 好处:要摆脱垂直滚动条,请使用overflow-y:hidden。请参阅:标签用于对文档中的内

容器div中有三个并排的div元素,其宽度小于子元素的总宽度 宽度。你可以找到这个案子的关键点:

我想让container div水平滚动以显示其他子级

我如何安排孩子们不要包装在容器div内?
现在它垂直滚动,我希望它水平滚动。

浮动:左
更改为
显示:内联块
并将
空白:nowrap
添加到容器中。

在滚动
div
中需要另一个
div
,其总宽度等于其子项的所有宽度

见:

那里已经有一个额外的
div
,所以我用了那个

好处:要摆脱垂直滚动条,请使用
overflow-y:hidden
。请参阅:

标签用于对文档中的内联元素进行分组。

注意标记中不要有空格:)。注意:此解决方案不适用于实际包含以下内容的div:@Jason Add
vertical align:top
到块。如果您在正文中的其他位置有许多div,而不是尝试不使用float:left.@1.21gigawatts,则会影响所有子体。如果只需要第一级(直接子级),请使用
选择器。内部div.width未知,子div正在动态追加。