Question

我有问题。在

 margin-left:auto 
 margin-right:auto

我的div将另一个div推出导航栏。

我想在导航栏中同时修复它？

这是我的代码：

body, html {
	margin:0;
	padding:0;
}

#navbar {
	width:100%;
	height:50px;
	background-color:#000000;
}

#div1 {
	width:300px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FF0000;
	
}

#div2 {
	width:100px;
	height:50px;
	float:left;
	background-color:#00FF00;
	
}

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


</head>

<body>

<div id="navbar">

<div id="div1"></div>

<div id="div2"></div>


</div>



</body>
</html>

codepen example

我忽略了这个问题，但现在我真的必须知道它。

感谢您的帮助：）

1 个答案:

答案 0 :(得分：1)

Answer 1

你只需将你的div2放在div1

＆＃13;

body, html {
	margin:0;
	padding:0;
}

#navbar {
	width:100%;
	height:50px;
	background-color:#000000;
 
}

#div1 {
	width:300px;
	height:50px;
  text-align: center;
  margin-left:auto;
	margin-right:auto;
  left: 50px;
	background-color:#FF0000;
	
}

#div2 {
	width:100px;
	height:50px;
	float:left;
	background-color:#00FF00;
}

＆＃13;

<body>

<div id="navbar">

 <div id="div2"></div>

 <div id="div1"></div>


</div>



</body>

＆＃13;

margin auto将div从navbar中推出

1 个答案: