CSS元素溢出是什么?怎么使用?通俗的说CSS样式中子元素尺寸超出了父元素尺寸造成页面的错位,视觉效果差,解决内容错位的问题我们需应用元素溢出的解决办法来让内容正常展现出来。
CSS元素溢学习目标:熟练掌握元素溢出的解决办法。
CSS元素溢出是什么?
当子元素(标签)的尺寸超过父元素(标签)的尺寸时,此时需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来完成。
overflow的设置项:
1.visible 默认值,显示子标签溢出部分。
2.hidden 隐藏子标签溢出部分。
3.auto 如果子标签溢出,则可以滚动查看其余的内容。
overflow的设置项示例代码:
CSS元素溢出总结:overflow样式属性是设置子标签溢出的显示方式,常用使用overflow:hidden;来解决元素溢出。
微信扫码关注公众号
获取更多考试热门资料