占满问题

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

宽度占满问题

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

  
  
  

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

第二种解决方式 - 内容使用绝对定位来"拉伸"宽度

• 这种方式还是会出现遮挡的问题

  
  

高度占满问题

解决方式

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