Html 页面上角的浮动图像_Html_Css

Html 页面上角的浮动图像

html css

Html 页面上角的浮动图像,html,css,Html,Css,若你们点击这个链接，你们会看到在导航栏的左角，我想创建一个像这样的折叠图像所以我开始准备一些代码来实现它所以我找到了这个 <html> <head></head> <body> <div class="menu"> <li> <img style="float: left;margin-left: -50%;" src="../images/logo.

若你们点击这个链接，你们会看到在导航栏的左角，我想创建一个像这样的折叠图像所以我开始准备一些代码来实现它所以我找到了这个

<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>

但是它出现在页面的顶部，我想在左上角做点什么，所以一个朋友告诉我做点什么你必须跟着对方做两个div 在每一个屏幕上，您都可以使用style=“float:left；” 当你处理完左边的浮动制作一个包含这些div的大div 最后，你要做什么因此，如果有人能帮助我，请回复整个代码

提前谢谢

我对你的问题不是很清楚！但我只是在一个假设中做了一次尝试，我认为你需要让菜单和标志分开浮动

你可以检查一下这把小提琴，

<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>

我真的不能写代码，所以你能为我单独写代码吗？你的HTML一开始是无效的，

li

必须包含在

ul

或

ol

中。如果你真的不能写代码，这不是一个真正适合你的网站，我引用第一个paragraph或者Stack Overflow的话，它是一个面向专业和热心程序员的问答网站。你将得到的答案可能是技术性的。这不是一个为您编写代码的网站。尝试一些开始。你好，我在这方面是新手，所以请和我一起放松+我正在努力学习我对成为新手和努力学习没有问题。我只是想让你对StackOverflow的体验有所期待。对于你可能遇到的编码问题，它是一个很好的获取答案的资源，但是对于你想要教程之类的东西，它并不是一个很好的“学习资源”。

.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;
}