当div的宽度增加时，Div水平滚动会发出问题

Question

我在主div中有2个内部div

JSfiddle - http://jsfiddle.net/uwdnH/

插图 - http://img685.imageshack.us/img685/8485/tablek.png

HTML

<div class="mytable">
    <div class="leftNavTable">
        <a herf="#">div1</a>
    </div>
    <div class="rightNavTable">
        <a herf="#">div2</a>
    </div>
</div>

CSS

.mytable {
float:left;
width:300px;
height:200px;
border-width:2px;
border-style:solid;
border-color:#000;
overflow:scroll;
}

.leftNavTable{
float:left;
width:75px;
height:250px;
border-width:2px;
border-style:solid;
border-color:#FF0000;
}

.rightNavTable {
float:left;
width:200px;
height:250px;
border-width:2px;
border-style:solid;
border-color:rgb(0,0,255);

}

我的要求是......

1）我希望div2的大小更多，但如果我增加宽度div2将低于div1

2）此外，只有div2

应该有水平滚动条

3）div2的垂直滚动应使div1也滚动

Answer 1

1）要增加div2的宽度，还需要增加外部mytable的宽度，或者减小div1。

2）在div2上放置一个水平滚动条，将overflow-x:auto应用于它。

3）你现在以正确的方式做到了，通过外部div滚动。但是，如果您不希望外部div具有水平滚动条，请使用overflow-y而不是overflow。