如何让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>