为什么这张桌子超过了窗户的宽度？

我不知道该怎么做才能做到这一点。我只想让最里面的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

来源

2013-07-29 Smeegs

从表中删除display:block（否则你还不如用一个<div>），并添加
table-layout:fixed。这迫使桌子的宽度，你说，而不是将其视为“最小宽度”

来源

2013-07-29 01:40:00

呃，我已经打了很长时间，我的头撞墙。我在尝试不同的事情时添加了“显示：块”。看起来我必须研究表格布局来找出它的工作原理。但它确实有效。我会尽可能接受你的答案。 – Smeegs

旧标准规定表格单元格应尽可能使用宽度，但如果内容需要则应拉伸。 'table-layout：fixed'使它遵守宽度，即使它意味着内容不适合。 –

为什么这张桌子超过了窗户的宽度？

回答

相关问题