相关疑难解决方法(0)

如何在固定宽度DIV中获取浮动DIV以水平继续?

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

到目前为止这是我的CSS:

div#container {
    height: 275px;
    width: 1000px;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: 275px;
}

div#container div.block {
    float: left;
    margin: 3px 90px 0 3px;
}
Run Code Online (Sandbox Code Playgroud)

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

如何更改此设置以使浮动DIV继续运行而不会相互低于?

html css css-float

37
推荐指数
3
解决办法
9万
查看次数

标签 统计

css ×1

css-float ×1

html ×1