我希望滚动查看“浏览”部分。
<section id="browse">
此刻什么也没发生。我将溢出物隐藏在主体上,并在浏览部分设置自动滚动。浏览部分的高度也设置为100%。
要在中设置height %
,父元素应具有明确设置的高度。
您的情况<main>
没有设置高度。
您必须为所有父母设置一个高度,如下所示:
html, main {
height: 100%;
}
更新资料
根据注释,要查看完整的滚动条,我们需要考虑的高度<nav>
,因此section#browse
不能有100%
宽度。
例如
nav{
background: red;
height:20px;
}
#browse{
height: -webkit-calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: -ms-calc(100% - 20px);
height: calc(100% - 20px);
overflow: auto;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句