div布局.在谷歌和IE浏览器显示的是我想要的结果,但在360浏览器和editplus都显示不出来margin:0 auto的效果,,是没有清除浮动还是浏览器的过(可是我想在360浏览器中显示),如何让它兼容还是写在外部样式表皆可以了?
div布局.在谷歌和IE浏览器显示的是我想要的结果,但在360浏览器和editplus都显示不出来margin:0 auto的效果,,是没有清除浮动还是浏览器的过(可是我想在360浏览器中显示),如何让它兼容还是写在外部样式表皆可以了?
代码如下
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta charset="utf-8">
</HEAD>
<style type="text/css">
*{margin:0;padding:0}
.head{height:70px;border:2px #369 solid;margin:0 auto;}
.main{width:800px;height:800px;border:3px #fff solid;margin:0 auto;}
.main .left{width:260px;height:800px;border:2px #369 solid;float:left;}
.main .right{width:530px;height:800px;border:2px #369 solid;float:right;}
.footer{height:100px;border:3px #369 solid;margin:0 auto;}
.ad{width:100px;height:100px;position:fixed;right:20px;bottom:20px;border:5px #369 solid;}
</style>
<BODY>
<div class="head">我是head</div>
<div class="main">
<div class="left">我是left</div>
<div class="right">我是right</div>
</div>
<div class="footer">我是footer</div>
<div class="ad">广告区</div>
</BODY>
</HTML>