1

所以我正在调整一些 CSS，但我不擅长它。

我有那些

#logop {
  text-align: left;
  height: 50px;
}

#menu {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  text-align: center;
  width: 100%;
  height: 50px;
  padding-top: 13px;
  z-index: 30;
}

.nav {
  height: 100px;
  position: fixed;
  top: 0px;
  z-index: 20;
  width: 100%;
  background-color: rgb(41, 35, 30);
  -moz-box-shadow: 0px 2px 15px #000;
  -webkit-box-shadow: 0px 15px 5px #000;
  box-shadow: 0px 2px 15px #000;
  background-image: image-url('damask.png');
}

还有这个

<div id="container" class="spacer">
    <div class="nav" id="top">
        <div id="menu">
            <div id="logop"> <%= image_tag('logo.png') %></div>
            <ul>
                <li><a href="#top">HOME</a></li>
                <li><a href="#one">ABOUT</a></li>
            </ul>
        </div>
    </div>
</div>

我试图让菜单左侧的标志。如果我float:left只希望它离开菜单时，我使用徽标一直到页面的角落。我该怎么做？

4

3 回答 3

1

您需要使用float: leftin#logop和float: rightin #menu。工作示例：http: //jsfiddle.net/CxgTA/

于 2012-10-20T10:54:56.587 回答
1

只需尝试以下链接即可float:left用于菜单样式和徽标

<div id="container" class="spacer">
<div class="nav" id="top">
    <div id="menu">
        <div id="logop" style="float:left;"> <%= image_tag('logo.png') %></div>
        <ul style="float:left;">
            <li><a href="#top">HOME</a></li>
            <li><a href="#one">ABOUT</a></li>
        </ul>
    </div>
</div>
</div>
于 2012-10-20T11:08:10.660 回答
0

你没有提到容器的样式，

首先定义容器的大小，例如

  #container{width:1000 px; }   (you can specify it as per your requirements )

 and then divide it again in tow parts . 

  #logo{ width:100 px; float :left;  }
    #logo{ width:900 px; float :left;  }

所以会是这样 

      <div id =logo>
      </logo>
     <div id = menu>
         </menu>
         </container >

这些尺寸只是为了让你理解。希望它清除了这个想法

于 2012-10-20T11:02:48.977 回答