鉻，溢出：每當顯示垂直滾動條時自動顯示水平滾動條

Question

我有一種情況，我使用最大寬度和最大高度，每當內容越過最大高度垂直滾動條應顯示內存內容應顯示內容跨越最大寬度的水平滾動條。

在下面的場景中，即使內部內容不跨越最大寬度時，只要出現垂直滾動條，就會顯示水平滾動條。

我試過使用不同的盒子大小值，因爲它看起來像垂直滾動條佔用寬度的一部分使水平滾動條出現，但它沒有幫助。

.p { 
    position: absolute; 
    max-width: 200px; 
    max-height: 400px; 
    overflow: auto; 
    border: 1px solid red; 
} 

.c { 
    position: relative; 
    height: 500px; 
    border: 1px solid blue; 
} 



<div class="p"> 
    <div class="c"> 
     vhjjujfhjsdfd 
    </div> 
    </div> 

JSBIN

Answer 1

1) you can use 
<div style="width:100px;height:100px;overflow:scroll;"></div> 

這將永久設置滾動條。但是，如果你想顯示滾動條，只有當高度/寬度比規定更然後使用「溢出：汽車」作爲 -

<div style="width:100px;height:100px;overflow:auto;"> 

2），因爲你的話太長，不破嘗試添加 字-break：break-all to class C

.p { 
    position: absolute; 
    max-width: 200px; 
    max-height: 400px; 
    overflow: auto; 
    border: 1px solid red; 
} 

.c { 
    position: relative; 
    height: 500px; 
    border: 1px solid blue; 
    word-break: break-all; 
} 



<div class="p"> 
    <div class="c"> 
     vhjjujfhjsdfd 
    </div> 
    </div>