Question

美好的一天！我有两个div：left和content。 content应与left重叠，因此我创建了content的位置absolute。现在，当left的内容不适合窗口时，当然没有水平滚动条，因为它只是重叠（我需要由于某种原因重叠它）。如何在left div中显示水平滚动条？这是我的css：

.left {
    width: 70%;
    height:100%;
    float:left;
    overflow-x:auto;
}
.content {
    position: absolute; 
    width: 70%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 130px;
    background-color: #2b3e50;
    border-left-width:5px;
    border-left-style:solid;
    border-left-color:#153450;
    padding-left: 20px;
}

这是html：

<div id="loader" class="left" style="border-right-width:15px;">

        </div>

        <div class="container">
            <div class="content">

                <div class="row">
                    <div class="span14">
                        @content
                    </div>
                </div>

            </div>

        </div>

请帮帮我。被困在这里一段时间了。非常感谢！

Answer 1

我猜你可以使用固定宽度，而不是％。移除width: 70%并将其替换为您想要的宽度，例如300px。这是一个小提琴： http://jsfiddle.net/8A6R8/2/

当<div>的内容不适合窗口</div>时，使<div>可水平滚动

1 个答案: