占满问题

占满问题是在前端开发中经常会遇到的问题,解决方案最好的方式是使用绝对定位计算宽高,而不是使用100%,使用100%会导致出现
滚动条并且出现内容遮挡的情况,可以设置宽度99%来解决

宽度占满问题

  • 内容区域设置父元素宽度100%出现内容遮挡和超出问题,导致显示不完全



第一种解决方式 - 将父盒子宽度设置为99%

第二种解决方式 - 内容使用绝对定位来"拉伸"宽度
  • 这种方式还是会出现遮挡的问题


高度占满问题

解决方式
  • 使用position = abslotate并配合left、top、right、bottom来拉伸高度,而不是使用100%,拉伸后的父元素可以通过设置overflow-y = auto达到出现单独滚动条的目的

你可能感兴趣的:(占满问题)