Question

Picture 如果你点击这个链接，你会看到导航栏的左下角我想创建一个类似它的folat图像所以我开始得到一些代码来预先形成它所以我找到了这个

<html>
   <head></head>
   <body>
      <div class="menu">
         <li>
           <img style="float: left;margin-left: -50%;" src="../images/logo.png" alt="Tera Host inc." height="60" width="200">
          </li>
       </div>
  </body>
</html>

但它出现在页面顶部我想要左上角的东西，所以朋友告诉我做点什么你必须互相制作2个div 在每一个你做style =“float：left;” 而当你用左浮动完成时制作一个包含那些div的大div 并在结束时做所以，如果有人可以帮助我请回复整个代码提前致谢

Answer 1

我对你的问题不太清楚！但我只是尝试了一个假设，我认为你需要制作菜单＆amp;徽标浮动。

你可以查看这个小提琴，的 https://jsfiddle.net/8brvykvn/1/

<div class="header"> <a href="#" class="logo"> <img src="../images/logo.png" alt="Tera Host inc." height="60" width="200"></a> <ul class="menu"> <li><a href="#">Dashboard</a></li> <li><a href="#">Game Monitor</a></li> <li><a href="#">TS3 Admin</a></li> </ul>

的CSS：

.header a{ float: left; margin-right:10px; } .header .menu{ float : left; margin : 0; padding: 0; } .header:after{ content:''; display:block; clear: both } .header .menu li{ list-style:none; display:inline-block; } .header .menu li > a{ margin-right:10px; }

在页面顶角浮动图像

1 个答案: