html样式边界左右为自动,Div内部表自动调整大小和左右边距

我有一个以body html为中心的800px宽度表。在这个表格里面我想要一个DIV，它必须有10px的margin-left和10px的margin-right，其余的是100％的表格宽度。Div内部表自动调整大小和左右边距

尝试使用div宽度100％，并给它的边缘左侧和右侧，它看起来不好。

再次测试我只是给它的边缘左侧和右侧，没有给它一个宽度，它似乎就像在Chrome上DIV自动调整到全宽，左右边界完美，工作良好。

问题是，如果它真的可以在所有浏览器上运行，或者我只是幸运地使用Chrome。这样做的正确形式是什么？

因为该表是我里面就像在下面的例子中一个div希望它有我的布局的一部分：

Testing Width

Testing auto-size of divs by default. Because the table is 800 px and I am not giving the div a width does it auto-resize 100% width less 10px left and 10px right margin? That means also that it alto-resizes to 780px? 这不是一个代码审查。我需要帮助，给它正确的宽度和利润率，使其在所有浏览器 编辑： 如果该表是宽度的80％，我需要的股利为100％的宽度加上保证金左，正确的10px？ 2015-04-23 Kamikaza +0 默认情况下，像div一样的块级元素将自动调整到父容器的宽度(考虑左/右边距)。在这种情况下，父容器是800px宽表中的表格单元格。这应该适用于所有浏览器，因为它是标准的CSS。 – +0 尝试下载不同的浏览器并测试自己。它是确保代码在浏览器之间交叉兼容的唯一可靠方法！ – +0 其实你可以'calc'的'width属性'：'div {width：calc(100％ - 20px)}' –