div浏览器垂直居中宽无限

11 |

2 | 2016-9-3 14:40:13 | 显示全部楼层 |阅读模式

.chuizhijuzhong {position:absolute; width:100%; top:50%; margin-top:-150px; height:300px;}原理是：相对于顶部位置50%；这样这个div的最顶端就处于垂直居中的中心线上；然后用margin-top：将div向上移动半个div的高度。就实现了垂直居中。这个原理还适用于水平居中，记住margin的值=div的高度/2 就行了. IE8.FF测试无BUG,前提是你的div的高度不能超过浏览器的窗口,也就说你的页面不能有纵向下拉条!...

使用道具举报