为什么窗口调整大小需要最小宽度?

时间:2013-02-04 05:11:01

标签: css window-resize

我在一些网页上看到,在调整浏览器窗口大小时,在div之后添加空格(特别是在页眉和页脚区域中)。我发现解决方案是在这些区域使用最小宽度。

为了看到我说的问题,请调整Stack Overflow.com的任何页面,例如您正在阅读的页面。我见过很多有这个问题的网站。

但为什么会这样呢?为什么需要它? Div是一个块元素,在没有定义宽度时应该伸展到这个父宽度,因此页眉和页脚应该是100%而没有任何空格。

以下是截图:

xx http://thesis.um.ac.ir/Screenshot-16.jpg

1 个答案:

答案 0 :(得分:1)

是的,作为块级元素,它将延伸到它的相对容器宽度。也就是说,任何具有非静态位置或具有尺寸的父级或容器。如果层次结构中没有具有设置维度或位置的元素,则使用该窗口。 <html><body>元素实际上不是默认情况下宽度所基于的元素。默认情况下,窗口实际上是设置<html><body>元素的大小,这些元素是块*,即使它的子元素在其外部运行,元素仍然会变小。

所以你看到的是<body>元素的大小越来越小,即使页面上的内容已经结束了。

*注意:<html><body>实际上并不是阻止,但为此可以将它们视为块级别。