码迷,mamicode.com
首页 > 其他好文 > 详细

margin:0 auto居中无效

时间:2017-08-05 15:37:59      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:ext   http   com   blank   div居中   居中   htm   水平居中   .com   

让最外层DIV在IE浏览器中水平居中,除了对其设置margin:0 auto外,一般还要对body设置样式,但一般高版本浏览器无须设置此css样式也能使DIV居中,低版本IE比如IE6和对标准比较严格浏览器需要设置text-align:center。

有时不经意对要居中的最外层设置float:left或float:right也是造成设置margin:0 auto布局不能水平居中原因。

因为设置float是让DIV浮动靠左或浮动靠右,你要让DIV居中肯定需要设置margin:0 auto,这个时候就是逻辑错误了,即让DIV靠左或靠右,又居中,这个明显逻辑错误。所以要让最外层DIV水平居中于浏览器中,就100%不能同时使用float,必须要使用margin:0 auto样式。

参考内容:http://www.divcss5.com/jiqiao/j772.shtml

侵权请联系博主,我会立即删除。

margin:0 auto居中无效

标签:ext   http   com   blank   div居中   居中   htm   水平居中   .com   

原文地址:http://www.cnblogs.com/gaoxuerong123/p/7290180.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!