我正在尝试设计一个单页网站(没有垂直和水平滚动)。现在我的结构是:
container-->height: 100%
header-->height: 10%
main-content-->height: 80%
footer-->height: 10%
该页面完全符合我在Mozilla Firefox中的要求。但是,在Chrome1-2px
中,页脚底部和浏览器底部之间会出现一个黑色空间(约)。在Safari中,右侧会出现一个垂直滚动条。
我在 Windows 上工作,并且没有对任何元素应用任何边距/填充{顶部或底部}。
编辑#1
我还使用了一个滑块main-content
,我必须为某些 div 指定固定高度。