如题所述
第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如：
<body style="width: 100%">
<div class="nav" style="width: 1080px"></div>
<div class="content" style="width: 1080px"></div>
<div class="footer" style="width: 1080px"></div>
</body>
然后每个div里面的元素再具体设置宽度。
第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：
@media screen and (max-width: 768px) and (min-width: 480px){
//这里面写CSS代码
}
如果使用第二种方法建议用百分比布局。
第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，更多的是代码问题。。。如果真要使用再说吧-。-
<body style="width: 100%">
<div class="nav" style="width: 1080px"></div>
<div class="content" style="width: 1080px"></div>
<div class="footer" style="width: 1080px"></div>
</body>
然后每个div里面的元素再具体设置宽度。
第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：
@media screen and (max-width: 768px) and (min-width: 480px){
//这里面写CSS代码
}
如果使用第二种方法建议用百分比布局。
第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，更多的是代码问题。。。如果真要使用再说吧-。-
温馨提示：答案为网友推荐，仅供参考
