Firefox浏览器BUG:解析margin-top出现双边距
图1
?图2
?图3??? 大家可以通过不断调节.bottom的margin-top值更深刻地感受一下火狐送给我们的“美味”!再在其他浏览器(如Chrome、IE)试验一下,是不是这个现象就没了呢?
??? 其实,这种解决这个火狐下问题的办法倒是多种多样,如通过padding、border、overflow、inline或height等方法都能解决,而且可以审时度势地采取办法,对于最终的页面效果倒是没什么影响。
??? 但是,我不想只知其所以然,而不知为何然。通过举出这个例子,只是想探究火狐依赖的是什么机制才这样解析的,这到底是不是火狐的BUG呢?或者说,这是火狐的亮点呢,还是缺点?
??? 这个问题已经困扰我好久了,查了很多资料却没有这方面的。亲爱的网友们,如有对这方面感兴趣的,知道这个问题答案的同志,还请不吝赐教!小弟敬候佳音!
?
代码在这篇blog上,火狐常用版本都可以,只要不是特别特别低的就行~~~ 2 楼 beowulf2005 2012-02-20 .box{ margin:auto; width:900px; }
auto的问题, 把 auto改成0试下