我正在阅读一个模板的源代码,我得到了代码。
我的问题是为什么有人会在html标签上应用
<html class="js" style="overflow: hidden">
我的问题是为什么有人会在html标签上应用
overflow:hidden
,它会带来什么好处。<html class="js" style="overflow: hidden">
overflow:hidden
,它会带来什么好处。当你有动态、响应式的内容时,你会使用overflow:hidden
,至少这是我使用它的原因。例如,如果你有一个页面的内容在缩小页面时高度增加,你可能想要隐藏除了div正常高度之外的任何不可见内容。
overflow: hidden
时,超出元素范围的内容将被隐藏。如果将其附加到html
元素上,则会隐藏屏幕外的所有内容。浏览器随后会发现由于屏幕之外的所有内容都被隐藏了,因此没有需要滚动的地方,所以它会隐藏滚动条。<body>
标签上而不是<html>
标签上对你没有任何好处。<html>
标签更加显眼,因为它是最顶层的元素,但是<body>
标签更有可能成为最顶层可用的元素来放置此内容。这时就看个人喜好了。 - MattDiamantoverflow:hidden可以用来清除浮动 http://jsfiddle.net/PRwVT/1/ 添加
.wrapper {
border: 1px solid;
padding: 3px;
background: red;
overflow: hidden;
}
尝试覆盖那个fiddle中的.wrapper类,你就会明白我的意思了。话虽如此,唯一可能具有浮动属性并且是html元素的直接子元素的标签是body标签。