CSS新手入门笔记整理:CSS溢出声名overflow

通常一个盒子的内容是被限制在盒子边框之内的,但是有时也会溢出,即部 分或者全部内容跑到盒子边框之外。

语法

元素{overflow:取值;}

属性值

说明

visible

若内容溢出,则溢出内容可见(默认值)

CSS新手入门笔记整理:CSS溢出声名overflow_第1张图片

hidden

若内容溢出,则溢出内容隐藏

CSS新手入门笔记整理:CSS溢出声名overflow_第2张图片

scroll

若内容溢出,则显示滚动条

CSS新手入门笔记整理:CSS溢出声名overflow_第3张图片

auto

auto 跟 scroll 很相似,不同的是 auto 值在盒子需要的时候会给它一个滚动条


overflow:hidden 清除浮动

使用 clear 属性来清除浮动的缺点是,需要增加一个多余的标签,而使用 overflow:hidden; 清

除浮动则不需要。不过 overflow:hidden; 是一个小“炸弹”,它会将超出父元素部分的内容隐藏,

有时候这并不是预期的效果。

你可能感兴趣的:(前端新手入门笔记整理,css,前端)