日期:2014-05-17  浏览次数:20721 次

如何让html页面居中显示而且不受分辨率的影响
我有两种做法
1:
<body>
<center> <div class="main">
  </div>
</center>
</body>

.main{
width:1020px;
height:500px;
  border: 1px solid #F00;
}

2.
<body>
  <div class="main">
  </div>
body>

.main{
width:1020px;
height:500px;
  border: 1px solid #F00;
  margin:0px auto;
}

但是这样做div是居中了,但是离浏览器最顶端还有一小段间隙:
怎么消除这段间隙还能让div居中?



------解决方案--------------------
<body style="padding:0">

------解决方案--------------------
你没有把body的外边距去点
*{
padding:0;
margin:0 auto;

------解决方案--------------------
HTML code
<style type="text/css">
body {
    padding:0;
    margin:0;
}
.main {
    width:1020px;
    height:500px;
    margin:0 auto;
    border:1px solid #F00;
}
</style>
<div class="main">
</div>