通常一个盒子的内容是被限制在盒子边框之内的,但是有时也会溢出,即部 分或者全部内容跑到盒子边框之外。
语法
元素{overflow:取值;}
属性值 | 说明 | |
visible | 若内容溢出,则溢出内容可见(默认值) | |
hidden | 若内容溢出,则溢出内容隐藏 | |
scroll | 若内容溢出,则显示滚动条 | |
auto | auto 跟 scroll 很相似,不同的是 auto 值在盒子需要的时候会给它一个滚动条 |
overflow:hidden 清除浮动
使用 clear 属性来清除浮动的缺点是,需要增加一个多余的标签,而使用 overflow:hidden; 清
除浮动则不需要。不过 overflow:hidden; 是一个小“炸弹”,它会将超出父元素部分的内容隐藏,
有时候这并不是预期的效果。