在布局的工作中,很多时候你会惊奇的发现,不同的浏览器中出现的高度会有明显的差异,于是,就需要不停的给这个hack那个hack,其实,完全没有意识到,这些差异是可以用严谨的写法来避免。
比如高度差,当div在不同的浏览器中出现不同的高度差时,仔细检查后就会发现,大多不同来自于没有给内容定义合适的高度,估计宽度也会如此,当你用外框将某些不确定高度的部分框起来并定义一个合适的高度的时候,那么所有浏览器就一致统一了高度,不会出现任何问题。
出现这样的主要问题,一个是默认的外边距,还有一个就是行高,不同的浏览器的默认行高会不同,所以,要精确控制,那么就都给加上这些参数。
要绝对不用hack避免这些情况的发生,那么还需要多看看css行高在不同浏览器里的区别,并熟记。