css中overflow、overflow-x、overflow-y使用

overflow:当内容超出容器时的处理;

值:(1)visible:默认值,如果超出为显示;

       (2)auto:如果超出就出现滚动条,没有超出则不出现滚动条这样就可以出现滚动条;

       (3)hidden:如果超出就隐藏;

       (4)scroll:如果超出就内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容;

overflow-x:当内容x轴超出容器的宽时的处理;

值:(1)visible:默认值,如果超出为显示;

       (2)auto:如果超出就出现滚动条,没有超出则不出现滚动条这样就可以出现滚动条;

       (3)hidden:如果超出就隐藏;

       (4)scroll:如果超出就内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容;

overflow-y:当内容y轴超出容器的高时的处理;

值:(1)visible:默认值,如果超出为显示;

       (2)auto:如果超出就出现滚动条,没有超出则不出现滚动条这样就可以出现滚动条;

       (3)hidden:如果超出就隐藏;

       (4)scroll:如果超出就内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容;

你可能感兴趣的:(css,前端,html)