帮助清除浮点数,您如何看待这种全局方法?

Help clearing floats, what do you think of this global method?

提问人:Jeff 提问时间:10/29/2009 最后编辑:Jeff 更新时间:5/4/2019 访问量:101

问:

我只是在学习清除所有浏览器的浮动的绳索,并且有想法。

你认为在全球范围内为所有元素定义这一点有什么坏处吗?div

div {
    _zoom: 1;          /* Clear floats for ie6. Does NOT validate. */
    overflow: hidden;  /* Clear floats for all other browsers. */
}

可能只有少数特殊情况需要覆盖上述两条规则。在我的脑海中,我想不出上述规则可能会出现的任何问题,但也许有人知道得更多?

你觉得怎么样?

编辑1:

更改为 .height: 100%;_height: 1%;

编辑2:

更改为 ._height: 1%;_zoom: 1;

这是我正在使用的版本。这是一篇描述新手所有清算方法的文章的绝佳链接

CSS的

评论

0赞 jason 10/29/2009
尝试使用 IE6。此外,这里还有大量关于清除浮标的“最佳”方法的问题和答案。zoom: 1

答:

0赞 Dan Herbert 10/29/2009 #1

您可能会遇到的一个潜在问题是,当您浮动不是 .你的样式覆盖了标签,但没有其他内容,所以你必须记住这一点,以防你在其他标签上使用浮点数。divs<div />

最好将这些样式应用于需要清除浮点数的容器,而不是应用可能无法捕获所有内容的包罗万象。

还要记住,溢出可能会使某些样式难以应用依赖于超出 div 标签的内容的样式。我能想到的几种情况是hidden

  • 元素的边或角的样式,用于添加阴影或圆角,这些阴影或圆角通常会溢出其容器。
  • 灯箱可能会超出容器的边界,如果它们放置在<div />
  • 放置在 s 中的自定义 javascript 工具提示。工具提示通常会从容器中“弹出”,这可能会导致问题,具体取决于它们的设计方式。<div />

如果只对需要的元素而不是所有元素执行此操作,则这些问题更容易解决。

0赞 davethegr8 10/29/2009 #2

这会导致问题。看看这些图片,1 是常规的,2 是有的div {height: 100%;}

alt text
(来源:zastica.com(来源:zastica.com alt text

仅此一项设置还存在其他一些不一致之处。因此,您可能会遇到一些奇怪的意外行为。

评论

0赞 Jeff 10/29/2009
怎么样?那会吗?height: 1%;