CSS 教程CSS 简介CSS 基础语法CSS 高级语法CSS id和classCSS 创建CSS 多重样式CSS 多重样式优先级CSS 背景CSS 文本格式CSS 字体CSS 链接CSS 列表CSS 表格CSS 盒子模型CSS 边框 borderCSS 轮廓 outlineCSS 外边距 marginCSS 内边距 paddingCSS 尺寸 DimensionCSS 定位 ( positioning )CSS display显示 -visibility可见CSS 浮动 ( float )CSS 布局 - OverflowCSS 布局-水平/垂直对齐CSS 选择器CSS 嵌套选择器CSS 组合选择器CSS 属性选择器CSS 伪类CSS 伪元素CSS 导航栏CSS 下拉菜单CSS 提示工具( tooltip )CSS 图片廊CSS 图像透明/不透明CSS 图像拼合技术CSS 媒体类型CSS 表单CSS 计数器(counter)CSS 网页布局响应式 Web 设计 - 介绍响应式 Web 设计 viewport响应式 Web 设计 - 网格视图响应式 Web 设计 - 媒体查询响应式 Web 设计 - 图片响应式 Web 设计 - 视频(Video)响应式 Web 设计 - 框架CSS 基础教程 总结
CSS 布局 - Overflow
css overflow 属性用于控制内容溢出元素框时显示的方式。
CSS Overflow
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。
overflow属性有以下值：
| 值 | 描述 |
|---|---|
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
注意:overflow 属性只工作于指定高度的块元素上。
注意: 在 OS X Lion ( Mac 系统) 系统上，滚动条默认是隐藏的，使用的时候才会显示 (设置 "overflow:scroll" 也是一样的)。
overflow: visible
默认情况下，overflow 的值为 visible， 意思是内容溢出元素框
实例
div {
width: 200px; height: 50px; background-color: #eee; overflow: visible;
}