Question

我有一个容器div。宽度：80％，保证金左：10％，保证金权利10％。问题是，容器在我检查的所有浏览器中都显示在左侧。如果我将margin-left的值更改为20％，则看起来没问题。

我会在必要时提供代码，但这里有什么明显的错误吗？是不是80，每边10的边距正确，以一个div为中心？

GF

Answer 1

我尝试了你的设置，它运行得很好。

你应该检查你的CSS的拼写和语法，可能有一些错误使它无法正常工作。在Firefox中，您可以打开错误控制台并重新加载页面，它会告诉您任何CSS错误。

您也可以使用margin-left: auto; margin-right: auto;将元素居中。

以下是我用来测试CSS的页面代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<style type="text/css">
div { width: 80%; margin-left: 10%; margin-right: 10%; background: #ccc; }
</style>
</head>
<body>
<div>asdf</div>
</body>
</html>

Answer 2

尝试设置theese：

<html>
<head>
    <style>
        .container {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            background-color: red;
        }
    </style>
</head>
<body>
    <div class="container">
        Testing page
    </div>
</body>
</html>

Answer 3

div的父元素是否具有特定的宽度？

尝试

width: 100%;

表示父元素

CSS不居中容器

3 个答案: