0

我之前能够弄清楚这一点，我记得基本上是这样做的，但由于某种原因它现在不起作用。我有一个需要居中的网站的中间列（像这样），但正常的 margin:0 auto; 不起作用，而是产生了这个（导航栏的链接项的 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>
4

1 回答 1

5

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

请参阅 jsFiddle。（您必须调整框的大小以使其居中。）

如果您好奇，该size属性用于分页媒体。我对它了解不多，但它并没有像你想象的那样做。它旨在设置页面的实际（现实生活）尺寸，最常见的是英寸，例如size: 8.5" 11"（一张纸的默认尺寸）。

于 2012-06-17T01:17:38.350 回答