Chen Yangjian's Blog

Carpe diem - Seize the day

IE6 Overflow:visible Bug

| Comments

ie6 甚至 ie7 让前端开发抓狂的原因在于,这俩货常有些奇奇怪怪的地方,而这些问题通常是都可以以很诡异的方法解决的,代价就是时间。今天遇到的问题是,当给一个 #block 节点的 overflow 为 visible,并限制其高度为 200px,而它的子节点的高度有可能超出的话,ie6 会把该子节点的高度作为 #block 节点的高度。其他浏览器(firefox、ie7+、webkit)都没有这个问题。quirksmode 对此问题也有记录。ppk 比较乐观,说这个 bug 可以作为 ie6 的 min-height 的猥琐实现(是的,ie6 这货不支持 min-height、min-width、max-height、max-width)。

碰到这问题的时候想死的心都有了,求助 Google 没想到还真有解决方法。就是在 ie6 中,#block 的 overflow 设为 hidden,子节点 position: relative。

这货不是浏览器,这货是我上辈子的夙敌。

Comments