我有一个以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)}' – |