Html 水平滚动条，如果a<；部门>；韩元'；我不适合这个宽度

我使用的是

绝对

div

，因此我可以将一个

div

与另一个重叠。重叠的

div

是

绝对值（
.content
）。但是，如果重叠的
div
（
.left
）不适合屏幕，则当然不会出现水平滚动条。如果水平滚动条的内容不符合给定的宽度，如何使其自动显示？以下是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;
}

请帮我弄清楚


编辑

以下是
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>


对于
parent
，使用以下
css


.parent {
    width: 100%;
    position: relative;
}

但仍然不显示滚动条。
在html
左侧
不是
内容的子项
您无法使其滚动。
如果您有父级>子级，则只需在父块上使用
position:relative
。
下面是一个示例
您的HTML结构将有助于给出相对于父div的位置，然后重试。谢谢@user3657431我编辑了我的问题。我完全忘记了。谢谢@ketan，但是没有父
div
。宽度是820px@pete。对不起，我编辑了我的问题。重叠的
div
是绝对值（
.content
）。重叠的div（
.left
）不适合屏幕，并且没有显示水平滚动条。
.parent {
    width: 100%;
    position: relative;
}