我正在使用absolute div，因此我可以将div与另一个div重叠。重叠的absolute是.content一个（div）。但是，如果重叠的.left（.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;
}
）不适合屏幕，则当然不会出现水平滚动条。如果水平滚动条的内容不符合给定宽度，如何自动显示水平滚动条？这是css：
div请帮我解决这个问题。
编辑
这是<div class="topbar">
<div class="fill">
<div class="container">
Home
<ul class="nav">
<li> One </li>
<li> Two </li>
<li> Three </li>
<li> Four </li>
</ul>
<p align="right">Log-out </p>
</div>
</div>
</div>
<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>
<script>
$("#loader").html('<object data="@routes.Tags.map(false)" />');
</script>
结构：
left
的修改
我用parent div包围<div class="parent">
<div id="loader" class="left" style="border-right-width:15px;">
</div>
</div>
<div class="container">
<div class="content">
<div class="row">
<div class="span14">
@content
</div>
</div>
</div>
</div>
div。
css对parent使用以下.parent {
width: 100%;
position: relative;
}
。
{{1}}
但仍然没有显示滚动条。
答案 0 :(得分：2)
在您的html中left不是content的孩子，您无法滚动它。
如果您有父母＆gt;那么孩子只需在父块上使用position: relative。
以下是示例http://jsfiddle.net/4swN9/