html 浏览器视口周围的边框 - 里面有滚动条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 浏览器视口周围的边框 - 里面有滚动条相关的知识,希望对你有一定的参考价值。

.page-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 700; /* must be the higher than all other elements */
	overflow: auto; /* moves scrollbars inside border */
	background: #fff;
	border: 5px solid #ff9900;
}
<div class="page-wrapper">
    <div class="page">
        Page content goes in here
    </div>
</div>

以上是关于html 浏览器视口周围的边框 - 里面有滚动条的主要内容,如果未能解决你的问题,请参考以下文章

有滚动条得情况下,求标签离浏览器视口高度

如何隐藏显示 HTML5 标记的 Web 浏览器控件 (IE) 的滚动条和窗口边框?

iframe 双滚动条解决

知识点:整个doucument而言如果判断滚动条滚动到底部

一阶段项目开始的第一天所遇到的问题和解决(浏览器滚动条的变相隐藏,div的边框阴影效果,图片的色彩渐变)

当视口顶部有固定的分隔线时,Chrome浏览器滚动太多