css - 为 div 重置继承的 margin-left

Question

我在母版页中添加了一个 css 类。

.mainContent .grid-container {
    margin-left:auto;
    margin-right:auto;
    padding:0 40px;
    *zoom:1
}

这将被所有其他内容页面继承。现在我希望在页面的一个 div 中，这不是继承的并且 margin-left 设置为零。我试着覆盖这个类。

但我面临的问题是，margin-left 是 auto，在覆盖时我可以将 margin-left 设置为某个值。这会起作用，但我不知道在覆盖该特定 div 时我应该将值设置为 margin-left。

我该如何解决这个问题？

Answer 1

您可以使用负边距 - 如果您使用灵活宽度(百分比)或像素值，这取决于您的布局。如果您使用百分比值，则需要进行一些数学计算。

在我的示例 ( http://jsfiddle.net/teddyrised/fGmaQ/ ) 中，父容器作为自动左右边距，宽度为 75%。因此，要将其位置重置为左侧，您需要使用 -16.6667% 的左边距，即 margin-left: -16.66667%;。此外，如果您希望元素填满整个宽度，您也需要重新声明宽度。

否则，您可能不得不依赖 JS 来动态计算所需的左边距。