首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Firefox浏览器BUG:解析margin-top出现双方距

2012-08-22 
Firefox浏览器BUG:解析margin-top出现双边距图1?图2?图3??? 大家可以通过不断调节.bottom的margin-top值更

Firefox浏览器BUG:解析margin-top出现双边距

图1


Firefox浏览器BUG:解析margin-top出现双方距
?图2


Firefox浏览器BUG:解析margin-top出现双方距
?图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试下

热点排行