溢出：隐藏在div和body上，行为不同

该

overflow

属性具有某些特定于HTML

html

和

body

元素的特殊行为，这些行为在CSS2.1规范中进行了描述。这些特殊情况适用于在正常情况下在整个页面上更改溢出设置的情况，因此作者只需要在

html

或上设置它

body

，而不是在两者上都设置。

在这种情况下，当您应用

overflow:hidden

到时

body

，它实际上会影响视口，而不是影响视口

body

（您可以通过调整预览窗格的大小以使其更短来看到它-滚动条不会出现在预览窗格本身上）。这会导致

#b

正常溢出的身体，即使你给它一个固定的高度使用小于的总和

#a

和

#b

。换句话说，就好像您从未将它放在身体上一样。

但是，如果您将设置

overflow

为

visible

on
以外的其他

html

值，则会导致视口使用给

html

而不是提供的值

body

，从而使声明保持

body

不受影响，并使其行为与包装器相同：

html {  overflow: auto;}body {  height: 500px;  width: 500px;  overflow: hidden;}