占满问题是在前端开发中经常会遇到的问题,解决方案最好的方式是使用绝对定位计算宽高,而不是使用100%,使用100%会导致出现
滚动条并且出现内容遮挡的情况,可以设置宽度99%来解决
宽度占满问题
-
内容区域设置父元素宽度100%出现内容遮挡和超出问题,导致显示不完全
第一种解决方式 - 将父盒子宽度设置为99%
第二种解决方式 - 内容使用绝对定位来"拉伸"宽度
-
这种方式还是会出现遮挡的问题
高度占满问题
解决方式
- 使用position = abslotate并配合left、top、right、bottom来拉伸高度,而不是使用100%,拉伸后的父元素可以通过设置overflow-y = auto达到出现单独滚动条的目的