CSS属性overflow-x用来控制元素在水平方向上的溢出，即控制元素的宽度是否可以超出其容器的宽度。它有5个可选的值：visible、hidden、scroll、auto和inherit。
visible
visible值表示元素的宽度可以超出其容器的宽度，这时元素将会溢出容器，但不会显示滚动条。
.element {
overflow-x: visible;
}
hidden
hidden值表示元素的宽度不能超出其容器的宽度，这时元素将会被隐藏，而不会显示滚动条。
.element {
overflow-x: hidden;
}
scroll
scroll值表示元素的宽度可以超出其容器的宽度，这时元素将会溢出容器，同时会显示滚动条。
.element {
overflow-x: scroll;
}
auto
auto值表示元素的宽度可以超出其容器的宽度，这时元素将会溢出容器，当元素的宽度超出容器的宽度时，会显示滚动条。
.element {
overflow-x: auto;
}
inherit
inherit值表示元素的overflow-x属性继承自其父元素。
.element {
overflow-x: inherit;
}