CSS如何做到页面固定高度，header置顶footer固底page内容超过页面长度后可上下滚动。
答案:5 悬赏:70 手机版
解决时间 2021-11-26 00:39
- 提问者网友：流星是天使的眼泪
- 2021-11-25 13:03
CSS如何做到页面固定高度，header置顶footer固底page内容超过页面长度后可上下滚动。
最佳答案
- 五星知识达人网友：一把行者刀
- 2021-11-25 13:52
html,body{height:100%;}
*{margin:0;padding:0;}
.header,.footer{width:100%;height:5%;background:#000;}
.main{overflow-y:scroll;width:100%;height:90%}
.main p{height:1500px;width:100%;text-align:center;line-height:1500px;}
高度1500px
顶部和底部高度5%；中间盒子高度90%，这样刚好100%，你内容填充到中间的盒子就行，如果需要特殊样式，顶部和底部可以用position定位，main盒子加上margin-top、margin-bottom分别等于顶部和底部的高度就行
所有div的总高度不能大于100%，不然会出现2个滚动条，因为现在的滚动条是main盒子的，如果超过100%；浏览器的滚动条也会出现
全部回答
- 1楼网友：山河有幸埋战骨
- 2021-11-25 16:44
要看你想要让他怎么显示了
下面这个代码应该可以帮到你
中间
中间