如何使固定宽度DIV内的浮动DIV水平继续?

我有一个固定高度和宽度的容器DIV(275x1000px)。在这个DIV中,我想放置多个浮动DIV,每个DIV的宽度为300px,并显示一个水平(x轴)滚动条,允许用户左右滚动以查看所有内容

这是到目前为止我的CSS:

div#容器{
高度:275px;
宽度:1000px;
溢出-x:自动;
溢出y:隐藏;
最大高度:275px;
}
分区#集装箱分区块{
浮动:左;
利润率:3px 90 px 0 3px;
}

问题是浮动div将无法继续超过容器的宽度。在放置三个浮动DIV之后,它们将继续在下面。如果我将overflow-y更改为auto,则会出现垂直滚动条,我可以向下滚动

我怎样才能改变这一点,使浮动div继续下去,而不会在彼此下方移动

div#容器{
高度:275px;
宽度:1000px;
溢出:自动;
空白:nowrap;
}
div#容器跨度块{
宽度:300px;
显示:内联块;
}

这里的诀窍是,当在Internet Explorer中设置为inline block时,只有在默认情况下表现为inline的元素才能正常工作,因此内部容器必须是<span>而不是<div&gt

发表评论