如何使它伸展而不会导致滚动条?

时间:2017-07-22 00:14:03

标签: css

我正在尝试拉伸div容器以适应整个窗口。然而,每当我将宽度和高度设置为100%时,我仍然会得到垂直和水平滚动条,几乎不会滚动任何东西。隐藏它:

overflow:hidden

隐藏它,但是右边和底部的边框都丢失了。我希望div完全符合窗口的大小。

http://jsfiddle.net/pqDQB/

1 个答案:

答案 0 :(得分:0)

在这样的情况下,我倾向于使用我正在使用的装置修补。

第1步:确保您的内容没有任何导致问题的填充或边距。

第2步:我建议您将宽度设置为width: 100vw,将高度设置为height: 100vh。这代表视口宽度和视口高度,当两者都设置为100时,将扩展div以覆盖整个屏幕。