Question

＆＃13;

body {
	width:960px;
	font-family: 'Open Sans', sans-serif;
	margin:0 auto; 
	padding:0 auto;
	
}

ul {
	height:60px;
	width:100%;
	margin: 0 auto;
	border: 1px solid white;
	
}

li {
	float:left;
	
}

ul a {
	color:black;
	text-decoration:none;
	font-size:20px;
	display:block;
	
}
	
ul li a {
	display:block;
	padding:20px 70px;
	line-height:1.0em;
	text-decoration:none;
}


ul a:hover {
	
	color:yellow; 
	background-color:black; 
	
}

＆＃13;

<html>
  <head>
    <link rel = "stylesheet" type+ "text/css" href = "style.css"> 
  </head> <body background ="background.jpg"> 
  <div id="navigation"> 
    <ul> 
      <li><a href = '#'>Home</a></li>
      <li><a href = '#'>Media Design</a></li>
      <li><a href = '#'>Informatie</a></li>
      <li><a href = '#'>Contact</a></li>
    </ul>
  </div>
  <center><img src="banner.png" alt="Media Design" height="540" width="960"></center>
  </body>
</html>

＆＃13;

您好，不知何故，当我运行我的网站代码（http://prntscr.com/8qsljg）时，菜单不会从最左边开始。我尝试了所有的东西，但我仍然坚持这个问题几个小时。

Answer 1

这是一件非常简单的事情。您没有删除导航div下的菜单<ul>。

您需要做的只是在CSS中包含这些行

div#navigation ul {
padding-left: 0px;}

此致纳比尔

Answer 2

尝试重置padding元素中的ul：

ul {
   padding: 0px;
}

CSS菜单不会从左边开始

2 个答案: