溢出情况的解决

作为一个前端新手，用css重构网页遇到很多问题

写页面时y轴突然出现滚动条，影响页面美观，检查发现很多代码显示有溢出，搜了一下溢出的概念：

  子元素的尺寸超过父元素时，内容会溢出，overflow 属性规定当内容溢出元素框时发生的事情。

可能的值

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

来源于网页：CSS overflow 属性

由于溢出部分显示空白（可能是框的宽度设置导致的，找不到哪个框），所以我对一部分框进行了overflow：hidden的操作，裁掉空白部分之后，下方的滚动条就消失了，另外，使用css对页面的样式进行设置时尽可能的使用em，rem等等相对单位也可以避免出现溢出情况

搜索过程中看到了overflow：hidden的其他用处：

      清除浮动

      解决外边距塌陷问题

来源：关于overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）_Emily-CSDN博客chttps://blog.csdn.net/qq_41638795/article/details/83304388