当一个父元素里有一个子元素,这个子元素的宽度或者高度超过父元素时,会出现子元素溢出的情况,这时候可以通过overflow设置子元素超出部分是隐藏,还是可以显示或者是可以滚动显示。
![](https://img.haomeiwen.com/i13808049/1f5add1f5d8d45f0.jpg)
在给父元素设置了overflow:hidden后,溢出的部分就被隐藏了
![](https://img.haomeiwen.com/i13808049/68ac7369498a39b5.jpg)
overfolw有visible、hidden、scroll、auto等几个值,visible是超出部分可见,hidden是超出部分隐藏,scroll是超出部分可以用滚动条形式查看,无论是水平还是垂直方向都有滚动条,auto是以滚动条方式查看,它是根据你内容在水平、垂直方向上的需要添加滚动条的,如果没有内容,就不添加滚动条,垂直方向有溢出就在垂直方向添加滚动条,水平方向有需要就在水平方向添加滚动条。
网友评论