把一個可滾動的div成表

我有以下腳本：把一個可滾動的div成表

<table width="100%"> 
    <tr> 
     <td style="width: 300px;background-color: red"> 
     </td> 
     <td style="background-color: lime"> 
      <div style="width: 50%;overflow: auto;"> 
       <img src="very_big_image.jpg" /> 
      </div> 
     </td> 
     <td style="width: 400px;background-color: orange"> 
     </td> 
    </tr> 
</table>

它設置的第二td等於我img的width寬度，（但在邏輯上第二td必須具有寬度= '100% - 300px - 400px'）所以我在整個窗口中都有滾動條。

我該如何解決？

來源

2010-12-17 Simon

不使用overflow：scroll;在這種情況下工作？ – 2010-12-17 12:51:08

即使使用'overflow：hidden'，它也不起作用：（ – Simon 2010-12-17 13:01:23

設置溢出滾動應該acheive你在找什麼：

overflow:scroll;

例子：http://jsfiddle.net/WbAEq/

設置溢出自動爲您將只顯示滾動條，當你使用剪裁。

UPDATE：

爲了得到表溢出內容工作，你需要設置的<table>到fixed

table{ 
table-layout:fixed; 
}

的table-layout屬性你可以在這裏看到這樣一個例子：http://jsfiddle.net/WbAEq/2/

來源

2010-12-17 12:53:40

也不能與'overflow：scroll'一起使用，我測試過了。在你的例子中，你在整個窗口中都有滾動（就像'overflow：自動'） – Simon 2010-12-17 13:00:41

啊，是的，這似乎只發生在TD內部的DIV具有基於％寬度的情況下，如果將寬度設置爲px，那麼它工作正常 – 2010-12-17 16:23:14

我已經用適用於Syom的解決方案更新了我的答案。 – 2010-12-17 16:28:20

把一個可滾動的div成表

回答

相關問題