当前位置: 代码迷 >> HTML/CSS >> 怎么让html页面居中显示而且不受分辨率的影响
  详细解决方案

怎么让html页面居中显示而且不受分辨率的影响

热度:54   发布时间:2012-08-17 02:08:34.0
如何让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> 
  相关解决方案