关于“高度不适应”的老技巧、新问题

《CSS网站布局实录》257页中提到了一个高度不适应的问题。其实IE的问题很好解决,内边距都为0,或者包含的BOX有一个宽度值就OK了。FIREFOX却是个难缠的角色,不知道是不是版本更新的原因,这个书中提及的技巧竟然无效,另外一个技巧也完全无效,无论怎么设定,除非指定高度为准确数字,否则火狐狸就是不适应。

DW也是这样一个德性,不过解决起来也不麻烦,设定BOX为相对定位就OK了,和解决双倍边距的方法一样。就是这只狐狸,方法用尽也不见什么改善。

在蓝色提问之后才发现,感情这个问题叫“清除浮动”,是个老大难问题,众多HACK技巧层出不穷。新近发现的最好的解决方案是在大BOX中设置属性:overflow: auto ,一切问题就都解决了。
世界清静了?有人指出使用该属性后IE和FF都会出现后遗症:IE下鼠标的中键会失灵,不是滚轮失灵,是中键按下去毫无反映。而在一般的页面中,它应该会出现一个导航标志;FF下,设置此属性后会产生会产生focus,并且有演示文件:http://lab.loaoao.com/test/overflow/firefox/focus/。不过对我来说,IE的这个问题不是问题,因为很少用。FF的问题是为爱好钻研的人多提供了一个“茴”字的写法,技巧在IE下不可用。我的首要问题是解决浮动,目前overflow: auto是最好,副作用最小的方式。

发表评论

电子邮件地址不会被公开。 必填项已用*标注