为什么我不能居中页边距:0自动？
为什么我不能居中页边距:0自动？
提问于 2009-06-08 06:25:41
我有一个#header目录，它是100% width，在这个目录中我有一个无序列表。我已经将margin: 0 auto应用于无序列表，但它不会将其放在头文件div中。
有人能告诉我为什么吗？我认为如果我定义了父div的宽度，那么无序列表应该能够以margin: 0 auto居中。我遗漏了什么？
下面是我的代码：
<style>
* {
margin: 0;
padding: 0;
}
#header {
width: 100%;
background-color: #333;
min-height: 160px;
font-family:Arial, Helvetica, sans-serif;
}
#sitename {
font-size: 50px;
width: 620px;
margin:0 auto;
padding-top: 35px;
color:#999;
}
#header ul {
float: right;
margin: 0 auto;
}
#header ul li {
float: left;
padding-right: 20px;
list-style-type: none;
font-size: 20px;
}
</style>
</head>
<body>
<div id="header">
<h1 id="sitename">Photography Auction Site</h1>
<ul>
<li>List of Photos</li>
<li>Image Gallery</li>
<li>Contact Us</li>
</ul>
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/963636
复制相关文章
相似问题