当前位置: 首页 > 面试题库 >

为什么“溢出:隐藏”清除浮点数?

韶兴德
2023-03-14
问题内容

问题很简单而且简短:为什么要overflow: hidden;清除浮动?我查看了w3标准文档,但没有任何暗示。


问题答案:

因为当您overflow与其他任何东西一起使用时会建立一个新的块格式设置上下文visible(链接到w3.org规范)。



 类似资料:
  • 问题内容: 我在w3schools上阅读了以下代码,但不了解该属性如何影响文本是否显示在右侧。 我知道它用于处理超出范围的内容,但不了解它在这种情况下如何应用。 问题答案: 我尽力消除混乱: 是一个块级元素,与元素一样(它们延伸到父宽度的100%)。这就是为什么默认情况下,如果在这些元素上未声明宽度或显示,它将显示在if 下方的原因。 现在在您的示例中,仅包含浮动元素。这使其折叠到一个高度(尽管如

  • 问题内容: 作为一名Web开发人员,我经常在另一个(父)div中有两个浮动(子)div。实际上,我整天都这样做。 如果没有额外的css / html,这将无法工作,因为父级不会自动增长以适应浮动子级。有两种流行的克服方法: 1)添加到父级的CSS中。 2)添加第三个“清除”子级。 我知道关于此类事情还有其他一些类似的问题,但是我的问题是: 哪种方法更好,为什么?各自的优缺点是什么? 问题答案: 隐

  • 问题内容: 当我创建我的(有史以来第一次)两列时,我的问题浮出水面。 我的左,右列都有一个包装器,但是包装器的高度没有扩大到适合左,右列的位置,每一个分别漂浮在其侧面。 我在网上找到了一个解决方案,在该解决方案中,它向包装器添加了样式“overflow:auto”(这是对吗?)。 但是,在我的研究中,没有什么能以一种我可以理解的方式解释为什么包装器的高度不能自动扩展以适应嵌套的divs和两列。 嵌

  • 问题内容: 我在网页上遇到的一个常见问题是浮动div爬到了其容器之外。 有很多肮脏的方法可以解决此问题(将div插入clear:both) 我看到的一个更整洁的解决方案是将wrapper divs溢出样式设置为隐藏: 这在所有浏览器上都能很好地工作,并且干净利落,没有任何额外的标记。我很高兴,但我不知道为什么会起作用! 我看过的所有文档都表明溢出:隐藏是为了隐藏内容,而不是调整父级的大小以适合其子

  • 问题内容: 我在网页上遇到的一个常见问题是浮动div爬到了其容器之外。 有很多肮脏的方法可以解决此问题(将div插入clear:both) 我看到的一个更整洁的解决方案是将wrapper divs溢出样式设置为隐藏: 这在所有浏览器上都能很好地工作,并且干净利落,没有任何额外的标记。我很高兴,但我不知道为什么会起作用! 我看过的所有文档都表明溢出:隐藏是为了隐藏内容,而不是调整父级的大小以适合其子

  • 问题内容: 我有一个表格单元格,我一直希望成为一个特定的宽度。但是,它不适用于较大的无间距文本字符串。这是一个测试用例: 如何使文本在框的边缘处被切除,而不是使框展开? 问题答案: 需要设置 和 表元件上的合适的宽度,以及和在桌子上的细胞。 例子 定宽列 表格的宽度必须与固定宽度的单元格相同(或更小)。 使用一个固定宽度的列: 使用多个固定宽度的列: 固定和流体宽度色谱柱 必须设置 表格的宽度,但