2

我是一个相当新手的网络开发人员，我遇到了一个非常基本的问题，我非常感谢一些帮助：

无论我在某个包含的 div 中设置什么宽度，safari 和 Chrome 都添加了填充 div 宽度的额外边距。如果我将它们指定为 0 边距，则 css 将被覆盖。例如，我有以下

<div class="container">
    <div class="element1">
    ...
    </div>
</div>

我将其设置为css：

.container{
    background-color:#ffffff;
    margin-left:7.5%;
    margin-right:7.5%;
    padding:30px;
    color:#505050;
    line-height:1.5;
    font-size:14px;
}

.element1{
    max-width:50%;
    margin: 0px 0px 0px 0px;
}

element1 的宽度为包含元素的 50%，但它在右侧有一个额外的边距，填充了包含元素的其余宽度。为什么会发生这种情况，如何将此右边距设置为 0？

谢谢！

4

2 回答 2

1

尝试在样式表之前添加重置样式表以规范所有浏览器。浏览器对不同元素的默认填充和边距等有自己的想法。通过重置样式表，您可以让每个浏览器从同一个位置开始。

http://meyerweb.com/eric/tools/css/reset/

于 2010-12-23T11:21:10.327 回答
1

在我看来，您不了解块级元素的概念。

“默认情况下，块级元素的格式与内联元素不同。通常，块级元素从新行开始，内联元素不这样做。有关空格、换行符和块格式的信息，请参阅文本部分。”

http://www.w3.org/TR/html4/struct/global.html#h-7.5.3

于 2010-12-23T11:21:28.567 回答