Question

我：

<div id = "first" style="overflow-y:auto;"> 
<td colspan="2" style="background: #EFF4F8;"><div 
id="second" style='height: 100px; word-wrap: break-word; overflow-y: auto; width: 100%; min-width: 580px; line-height: 200%;'> 
<pre style="white-space: pre-wrap;">${some_text}</pre> 
</div></td> 
</div> 

如果「SOME_TEXT」寬度比我的屏幕更大，所以我有所有的屏幕上滾動，我想滾動只爲DIV =「第二」或我的預標籤。問題是我不能改變div =「first」，我必須照原樣使用它。你可以幫我嗎？

感謝，

Answer 1

您的標記似乎是錯誤的，但是這應該是您的解決方案。讓我知道結果如何，我會根據您的需求更新答案。並使用CSS：

CSS

#first { 
    overflow-y:auto; 
} 

#second { 
    height: 100px; 
    word-wrap: break-word; 
    overflow-y: scroll; 
    width: 100%; /* This might still mess up the overflows of parent- and child-tags in different browsers */ 
    min-width: 580px; /* This does not work well in all browsers */ 
    line-height: 200%; 
} 

#second pre { 
    white-space: pre-wrap; 
} 

HTML

<div id="first"> 
    <table> 
     <tbody> 
      <tr> 
       <td colspan="2" style="background: #EFF4F8;"> 
        <div id="second"> 
         <pre>${some_text}</pre> 
        </div> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 2

想要在整個寬度滾動，這是一個水平滾動條。 您應該添加溢出-x