Question

我想要在导航栏的左侧显示徽标图像，所有导航栏都使用设置的宽度和自动边距在页面中心，但是在我将显示设置为内嵌在div上之后，边距消失了。我只想在正确的方向上找到一个点来保持我的边距，并在导航菜单中显示图像，谢谢！
的CSS：

#headWrapper{
    width: 850px;
    height: 430px;
    margin-left:auto;
    margin-right:auto;
    display:inline;
}
nav {
    width: 550px;
    float:right;
}

HTML

        <div id="headWrapper">
        <img src="images/Logo.png" id="logo">
            <nav>
              <ul>
....

Answer 1

有几种方法可以解决这个问题。背景图像将是其中之一。

HTML

 <div id="headWrapper">
  <nav>
  <span class="icon"></span>
  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ul>
</div>

CSS

#headWrapper {
    width: 850px;
    height: 430px;
    margin-left: auto;
    margin-right: auto;
    display: inline;
}
nav {
    width: 550px;
    float: right;
}
.icon {
    background-image: url(filelocation);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    float: left;
}

CSS显示与div / nav和图像冲突

1 个答案: