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

Question

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

我之前能够弄清楚这一点,我记得基本上这样做,但由于某种原因它现在不起作用.我有一个中间列的网站需要居中(如此),但正常的边距:0自动; 不起作用,而不是这个(导航栏的链接项的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;
}

Run Code Online (Sandbox Code Playgroud)

您会注意到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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

ani*_*son 5

你是size从哪里获得房产的？你应该使用width: 730px.该size线被丢弃,因为它无效.宽度仍被计算为auto.

看到jsFiddle.(你必须调整盒子的大小才能看到它居中.)

如果您感到好奇,该size属性将用于分页媒体.我不太了解它,但它没有做你认为它做的事情.它旨在设置页面的实际(实际)大小,最常见的是以英寸为单位,例如size: 8.5" 11"(一张纸的默认大小).

归档时间：	13 年，5 月前
查看次数：	579 次
最近记录：	13 年，5 月前