Question

我的页面右上角有一个菜单，左上角有一个徽标。然而，通过菜单，徽标从上升到最左上方被按下。

如果我摆脱菜单，徽标可以在我想要的任何地方自由移动，但是现在尝试调整边距 - 底部不起作用。徽标被阻止向上移动。可能是一个非常简单的答案，但我很难过。

任何帮助表示感谢。

好的，在这里发布代码：

@charset "UTF-8";

/* CSS Document */

#wrapper {
  margin: 0 auto;
  width: 1024px;
}

#header {}

#headerbar {
  width: 1024px;
  height: 100px;
  background: #e5e5e5;
  padding: 0px;
}

h2 {
  font-family: Gill sans;
  font-size: 19px;
  margin-left: 100px;
  margin-bottom: 100px;
  color: #999b9d;
}

img {
  margin-bottom: 300px;
}

#menu li {
  float: left;
  margin-top: 40px;
}

#menu {
  margin-left: 500px;
  padding: 0px;
}

#menu a {
  text-decoration: none;
  color: #999b9d;
}

#menu a:visited {}

li {
  text-transform: uppercase;
  font-family: Gill Sans;
  font-size: 18px;
  margin: 20px;
  list-style: none;
}

h1 {
  font-size: 36px;
  font-family: Gill sans;
  color: #7a4470;
  margin-top: 100px;
  margin-left: 100px;
  float: left;
}


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>

<link href="../css/styles.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="wrapper">

<div id="header">



<ul id="menu">
<li><a href="home.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>

<div id="headerbar"><h2>Burnet design</h2><img src="file:///Macintosh      HD/Users/poste2/Desktop/Casey/website 2016/images/logoburnet.jpg" /></div>
</div>
<h1>My name is Casey Burnet and I am a <br /> Graphic Designer living   and working in <br /> Montreal.</h1>

</div>


</body>
</html>

Answer 1

我认为你应该在一个干净的css和html文件中练习浮点数。但是根据您现在提供的信息，我无法帮助您，您需要上传更多代码，特别是来自html文件。

以下链接是如何在您的问题中添加文字作为代码： https://meta.stackexchange.com/questions/22186/how-do-i-format-my-code-blocks

此链接是一些链接，可以解释css文件中的浮点数： http://www.w3schools.com/css/css_float.asp

页面右上角的ul / li阻止徽标和其他元素从页面的上升到左上角

1 个答案: