<asp：gridview> width，<div> width </div> </asp：gridview>

Question

我有以下标记代码：

<div style="width: 72%; margin: 15px; margin-left: auto; margin-right: auto;">
    <center>
        <div style="border-top: Solid 1px Black; border-left: Solid 1px Black; border-right: Solid 1px Black;
        padding: 5px; background-color: #EEEEEE;">
        </div>
        <asp:GridView Style="width: 100%;" BorderWidth="1px" BorderColor="Black">
        </asp:GridView>
    </center>
</div>

结果如下：

左上角的对齐差异可能是什么原因？

编辑：这只发生在firefox中。我想知道我应该如何处理这个问题。我知道但很琐事。

Answer 1

网格边框（表格）超出100％宽度（这是标准模式CSS的工作方式）。此外，中心标签在标准模式下折旧。

您可以用来解决此问题的技巧是将内部div标记重写为类似网格的表格：

<table style="border-top: Solid 1px Black; border-left: Solid 1px Black; 
  border-right: Solid 1px Black; border-collapse:collapse; 
  background-color: #EEEEEE; width:100%">
  <tr>
    <td style='padding: 5px'>(inner stuff)</td>
  </tr>
</table>

这样它在表格外面会有相同的边框。