2013-07-29 26 views
0

我不知道該怎麼做才能做到這一點。我只想讓最裏面的div可以滾動,但由於某種原因,寬度超出了窗口。爲什麼這張桌子超過了窗戶的寬度?

<table style='max-height: 100%; width: 100%; margin: 0; border: 0px none white; display: block;'> 
    <tr style='border: 0px none white; width: 100%;'> 
     <td style='border: 0px none white; width: 100%;'> 
      <div style='overflow-y: scroll; overflow-x: hidden; width: 100%;'> 
       <div style='padding-left: 5px; width: 100%;'> 
        <div style='overflow: auto; width: 100%; border-radius: 10px; border: 1px solid silver; background-color: transparent;'> 
         <p>kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p> 
        </div> 
       </div> 
      </div> 
     </td> 
    </tr> 
</table> 

here is a fiddle

回答

2

從表中刪除display:block(否則你還不如用一個<div>),並添加
table-layout:fixed。這迫使桌子的寬度,你說,而不是將其視爲「最小寬度」

+0

呃,我已經打了很長時間,我的頭撞牆。我在嘗試不同的事情時添加了「顯示:塊」。看起來我必須研究表格佈局來找出它的工作原理。但它確實有效。我會盡可能接受你的答案。 – Smeegs

+2

舊標準規定表格單元格應儘可能使用寬度,但如果內容需要則應拉伸。 'table-layout:fixed'使它遵守寬度,即使它意味着內容不適合。 –

相關問題