为什么这张桌子超出了窗户的宽度?

时间:2013-07-29 01:38:28

标签: html css

我无法弄清楚要做些什么来完成这项工作。我只想让最里面的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

1 个答案:

答案 0 :(得分:2)

从表中删除display:block(否则您也可以使用<div>),然后添加
table-layout:fixed。这会强制表格显示您所说的宽度,而不是将其视为“min-width”