Question

之前我能够弄清楚这一点，我记得基本上是这样做的，但由于某些原因它现在还没有用。我有一个中间列，网站需要居中（like so），但正常边距：0自动;没有工作，而是屈服this（导航栏的链接项的CSS格式也不起作用，但这完全是另一个问题）。主列和父级的CSS是：

body {
    margin:0;
    padding:0;
    height:100%;
    background:url(images/BGTop.png) repeat-x;
}
div#main {
    margin:0 auto;
    padding:0 1px;
    size:auto 730px;
    background:url(images/mainbg.png) repeat-y;
}

您会注意到BG也无法正常工作。这是同样的问题吗？为什么没有任何CSS工作（除了，我认为，#main上的填充）？ HTML似乎不是问题所在：

<body>
<div id="main">
    <ul class="navbar">
        <li class="navbar"><a class="navbar" href="#">home</a></li>
        <li class="navbar"><a class="navbar" href="#">bingo</a></li>
        ...
        <li class="navbar"><a class="navbar" href="#">music</a></li>
    </ul>
</div>
</body>

Answer 1

你从哪里获得size财产？您应该使用width: 730px。 size行被丢弃，因为它无效。宽度仍以auto计算。

See the jsFiddle.（你必须调整框的大小才能看到它居中。）

如果您感到好奇，size属性将用于分页媒体。我不太了解它，但它没有做你认为它做的事情。它的目的是设置页面的实际（实际）大小，最常见的是英寸，例如size: 8.5" 11"（一张纸的默认大小）。

使用margin：0 auto将固定宽度的div与CSS居中;没有效果

1 个答案: