前端必知：7.overflow 属性

当元素内容超出其容器大小时，CSS overflow 属性用于控制溢出内容的显示方式。它有多个可选值，用于不同的情况和需求。以下是最常用的 overflow 属性值：

1. overflow: visible: 默认值。当内容超出容器大小时，会溢出容器并显示在容器外部，可能会遮盖其他元素。
2. overflow: hidden: 当内容超出容器大小时，会被裁剪并隐藏，不显示溢出部分。
3. overflow: scroll: 当内容超出容器大小时，会显示滚动条以便查看溢出的内容。即使内容未超出容器大小，也会始终显示滚动条。
4. overflow: auto: 类似于 scroll，当内容超出容器大小时，会显示滚动条。如果内容未超出容器大小，将不会显示滚动条。
5. overflow-x 和 overflow-y: 用于分别控制水平和垂直方向上的溢出行为。例如，overflow-x: scroll 只在水平方向上显示滚动条，垂直方向不显示。

这些属性通常用于容器元素，例如 

 或 

，以控制其内部内容的显示方式。可以根据实际需求选择适当的 overflow 属性值。例如，如果你希望内容溢出时自动显示滚动条以便查看，可以使用 overflow: auto。如果你希望内容溢出时隐藏，可以使用 overflow: hidden。

    
    
    
    


    

     

        
一寸山河一寸血
        
十万青年十万军
     
     

     

        一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。
        一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。
        一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。
     

     
一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。
     
一寸山河一寸血,十万青年十万军。一寸山河一寸血,十万青年十万军。