1

下面的 css 代码是我在尝试创建像 mashable.com 这样的固定标题时编写的，但是无论我多么努力，我似乎​​都无法使 logo.png 出现边距：auto 19px;。请帮助我并告诉我什么我做错了。我是 html 和 css 的初学者，所以请温柔。我希望徽标和导航列表在一行中。 

header{position:fixed;
   background:#333;
   height:128px;}

h1{    display:inline;
       float:left;
   background:url(images/logo.png) no-repeat;
       width:289px;height:47px;
       margin:
       text-indent:-9999px;}

nav {   

         height:26px;
         float:right;
     margin-top:19px;
     width:631px;}

nav ul li{
          display:inline;}

这是html：

<header>
    <h1>logo</h1>
    <nav>
        <ul>
            <li>Categories</li>
            <li>Search</li>
            <li>About me</li>
            <li>Contact me</li>                 
            <li>Social</li>
        </ul>
    </nav>
</header>
4

1 回答 1

0

Margin auto 仅适用于块元素，不适用于内联元素。如果您希望徽标居中，则在 h1 css 中更改 2 件事：

  1. 改成display: block;
  2. 消除float: left;

显然也添加了边距值，但我假设这只是一个复制/粘贴错字。

于 2013-07-11T11:45:43.003 回答