【问题标题】:Should we give overflow:hidden to those div for which we are not giving height?我们应该给溢出:隐藏到那些我们没有给出高度的div吗?
【发布时间】:2011-02-10 13:50:41
【问题描述】:

我们是否应该为那些我们没有给出高度的 div 提供溢出:隐藏?

#Container {width:900px;margin:0 auto}

对于内部有其他元素的#header,我应该给overflow:hidden#header,或者我应该给#header 固定高度。

两者有什么区别?

#header {}

#footer {}

【问题讨论】:

  • 我们为什么要这样做?背后有什么特殊的推理或技巧吗?
  • 因为如果我们不给出溢出:隐藏那么如果我们使用相对于任何 div 的位置。它会产生问题。
  • @Pekka:嗯,这是问 OP 的好方法 :)
  • 嗯...如果不指定高度,那么容器和它的子容器一样高,所以不会溢出...
  • @jitendra 你能详细说明这会产生什么问题吗?我还不完全明白你的意思。

标签: css xhtml cross-browser compatibility


【解决方案1】:

不,不需要。

该规则用作一种解决方法,以允许容器在浮动时占据其子元素的全部高度。因此,除非您在其中浮动元素,否则规则是无关紧要的,因为没有指定高度,所以不会溢出。

请参阅here,了解有关您为什么要使用overflow: hidden 的更多信息。

【讨论】:

  • 如果我们给定高度还是给溢出:隐藏是一样的吗?
  • 我明白了,谢谢。所以如果我给位置:相对于#header然后给位置:绝对内部元素那么我们也不需要清除浮动
  • 除了使用overflow: hidden 清除浮动之外,该规则与固定高度结合使用以隐藏所有超出固定高度的内容。我不太清楚你想用overflow: hidden 实现什么。
  • 但作为溢出的替代:隐藏我们也可以给父 div 提供固定高度,以将父 div 扩展到内部元素。 quirksmode.org/css/clearing.html 那么给溢出有什么区别:隐藏或固定高度给父div?
  • 固定高度的东西不会展开 - 高度是固定的。
猜你喜欢
  • 2011-02-25
  • 1970-01-01
  • 2011-03-02
  • 1970-01-01
  • 1970-01-01
  • 2021-03-22
  • 1970-01-01
  • 2021-04-03
  • 1970-01-01
相关资源
最近更新 更多