我试图在网格系统中使用表格单元格,在行上使用负边距来消除嵌套网格元素上的左右沟槽.这种浮动和内嵌块元素可以正常工作,但显示:table的元素在尊重负左边距时忽略负右边距:
奇怪,呃一个简单的演示:http://jsfiddle.net/57FAN/1/
所有的浏览器似乎都以同样的方式实现了,不幸的是.有任何想法吗?
附:我们推迟对布局的table- *元素的争论,直到弹性框标准化.
解决方法
表格不会忽略负边距,但宽度仅为100%,向左移动5px.您需要一个“100%2 * 5px”才能完全填满灰色区域.
该行没有宽度,因此使用可用的整个宽度.
如果你使用
.row { margin: 0 -5px; width: 100%; }
你会看到宽度相等