在 CSS 中，overflow-x 和 overflow-y 是用来设置元素在水平和垂直方向上的溢出内容如何显示的属性。
overflow-x 用于指定元素在水平方向上的溢出内容如何处理，可以设置以下值：
visible：默认值。内容不会被修剪或隐藏，可以溢出父元素。hidden：内容被修剪，但不显示滚动条。scroll：内容被修剪，同时显示滚动条。auto：如果内容被修剪，滚动条将自动出现。overflow-y 用于指定元素在垂直方向上的溢出内容如何处理，同样可以设置以上四个值。
需要注意的是，当元素同时设置了 overflow-x 和 overflow-y 属性时，它们之间是相互独立的，不会相互影响。比如，当 overflow-x 设置为 hidden，而 overflow-y 设置为 scroll 时，内容在水平方向上被修剪且不可见，而在垂直方向上被修剪且显示滚动条。
关键词高亮：overflow-x、overflow-y、水平方向、垂直方向、溢出内容、修剪、滚动条、visible、hidden、scroll、auto