Question

我的aspx页面中有一个以下的html代码。我想将表格宽度设置为100％，它似乎不起作用。我在哪里做错了吗？

<table style="width:100%">
     <tr>
        <td height="15">
            <div id="menu">
                <ul>
                   //page menus are being placed here
                </ul>
            </div>
        </td>
    </tr>
</table>

此表下方还有一个网格。 gridview向右延伸，但此表与gridview不同。

Answer 1

确保您有一个正确的HTML文档：

<!doctype html>
<html>
<head>
<title>Test</title>
<style>
*{margin:0;padding:0;}//clear default browser margin & padding from all elements
html,body{width:100%;position:relative;}
</style>
</head>
<body>
<table style="width:100%">
     <tr>
        <td height="15">
            <div id="menu">
                <ul>
                   //page menus are being placed here
                </ul>
            </div>
        </td>
    </tr>
</table>
</body>
</html>

Answer 2

编辑：

标签没有自动应用任何CSS规则。但是标签在所有浏览器上都有默认边距，因此您需要做的就是使用以下CSS将它们删除：

body {
    margin: 0px;
}

点击下面的运行代码段按钮进行检查。

＆＃13;

body {
  margin: 0px;
}

＆＃13;

<table style="width:100%; border:1px solid black;">
  <tr>
    <td height="15">
      <div id="menu">
        <ul>
          //page menus are being placed here
        </ul>
      </div>
    </td>
  </tr>
</table>

＆＃13;

如何将表宽度设置为等于页面宽度

2 个答案:

编辑：