Question

所以，我试图将我的三个div放在页面上，＃header，＃nav和#headerImg。我似乎不能使用margin：0 auto中心我的#header和#nav divs;虽然。当我刷新页面时，它们似乎粘在我页面的左侧。

这是我的页面的style.css：

＆＃13;

div#header{                     //I only have one image here.
	position:absolute;
	padding: 10px 20px;
	width: 960px;
	height: 49px;
	top: 0px;
	background-color: #2E5E8D
	
	}
div#nav{                       //I have 4 links here
	position:absolute;
	margin: 0 auto;
	padding: 10px 20px;
	width: 960px;
	height: 20px;
	top: 69px;
	background-color: #2E5E8D
		}
div#headerImg{                 //I have one image here, 
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1000px;
	top: 95px;
	
	}
div#content{
	position:relative;
	top:109px;
	width:1000px;
	display: block;
	margin: 0 auto;
	}
div#content a{
			color: blue;
			text-decoration: none;
			}
#content a:hover{
			color: red;
			text-decoration: underline;
			}
	
#content dt{
        margin-top: 10px;
		}

div#footer{
	position: relative;
	margin: 0 auto;
	top: 109px;
	background-color: #333333;
	color: white;
	text-align: center;
	font-size: 14px;
	width: 1000px;
	padding: 10px;
	}

＆＃13;

根据教师的要求，我的#header和#nav的宽度必须设置为960px，我确定他希望我的#headerImg中的图像位于我的#header div中，但我无法＆＃ 39;从重叠中获取图像。因此，这是我能够居中的唯一一个div。

我尝试使用margin：0 auto;并显示：阻止它们但它们似乎不起作用。我尝试使用保证金：0 10％，这似乎在我的电脑上工作，但在另一台电脑上未对齐。我在代码中的评论只是为了显示我在div中的内容。

Answer 1

尝试添加div＃header和div＃nav以下规则：

margin-left: -500px;
left: 50%;

保证金0自动不会使我的两个div中心

1 个答案: