Question

div+css布局如何居中 如图

我用了margin指定了两个div的四个外边距是20px 这个没问题 但是用margin:0 auto无法居中 如果去除了ID选择器里面的margin:20px; 再用margin:0 auto来居中就没问题 我现在就想不去除ID选择器里面的margin:20px;但有可以把这个两个元素居中 怎么搞？

Answer 1

　　这位网友你好，居中的话div的左右两边的margin就不可能是20px了，即使你写了也没用。上下的margin还可以是20px，所以你可以这样写：

margin:20px auto;

　　

Answer 2

那你把ID选择器里面的margin:20px;改成margin:20px auto； 不就行了啊？既然都居中了，那左右要不要没有必要了，主要就是有上下就行了。

Answer 3

外面用一层div包起来吧

<div id="con">
 		<div id="header"></div>
 		<div id="main"></div>
	</div>

css:

#con{
  		width:240px;
  		margin:0px auto;	
  	}