我想创建一个包含表格的表单。我用div和div里面，有一张桌子。 我希望表格宽度与div宽度相同。 div宽度为100％。但是结果是，表格宽度不适合div宽度。下面是代码：
<body >
<div width = '100%' align='center'>
<table>
<tr>
<td>username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text"></td>
</tr>
</table>
<div>
有人可以帮忙吗？
只需将表格的宽度添加为100％。
<style>
div {
background-color: lightblue;
}
table {
background-color: red;
}
</style>
<body >
<div width = '100%' align='center'>
<table width = '100%'>
<tr>
<td>Username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text"></td>
</tr>
</table>
<div>,
如果您想直接在html中使用样式，则需要在标签中使用属性style=""。您将必须添加一些CSS规则，例如width: 300px;
查看我的代码段，并按<table style="">的宽度播放，以查看会发生什么。我将div的宽度设置为300px，而表格仅覆盖其父级的90％，即div。如果您将表格的宽度设置为100％，则红色边框将完全隐藏div的边框。
<body>
<div style="border: 1px solid black; width: 300px;">
<table style="border: 2px solid red; width: 90%;">
<tr>
<td>Username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text"></td>
</tr>
</table>
</div>
</body>