Question

这只是设置一个表并将宽度设置为100％，但表格不会拉伸页面的宽度。

显然它适用于Firefox 4.我一直在Chrome 11中进行测试

<html>
<head>
<style type="text/css">
    table, th, td
    {
        border: 1px solid black;
        border-collapse:collapse;
        width: 100%;
    }
</style>
</head>
<body >
<table align="center" >
    <tr><td align="center" valign="middle"><img width="100%" border='0' id="main_img" src="http://example.com/EiE99"/></td></tr>
</table>
</body>
</html>

Answer 1

它在Webkit（Google Chrome开发者频道）中无法正常运行。包含元素至少需要以下两个中的一个：

margin: 0;
padding: 0;

然后它有效。我使用了body { margin: 0; padding: 0; }

编辑：似乎padding: 0;似乎是特定“jsfiddle”所需要的。

整页宽度表 - HTML / CSS

1 个答案: