[快速入门前端 27] Overflow 和 Visibility

Overflow 溢出

CSS 的 overflow 属性通常用于指定元素内容超过该元素範围大小时的呈现方式，例如文字内容超过其父元素的宽度、图片超过预设区域的大小等等。这时候就透过 overflow 来指定是否要显示滚动卷轴或隐藏溢出父元素的内容。

属性值：

属性值效果auto内容超过父元素时自动产生该放相的滚动轴 (scrollbar)scroll不管有无溢出都加上滚动轴  hidden  隐藏溢出的内容visible溢出父元素的内容直接显示在父元素外

範例：

overflow 属性会同时控制水平和垂直两个方向的 scrollbar，若我们需要单独设定某一方向时，就可以使用 overflow-x 及 overflow-y 属性。

Visibility

之前我们讲到元素的 Display 方式时有说到 display: none 会让元素消失在页面上且不佔空间，有点像把该元素注解掉的概念。而 Visibility 也是控制元素是否显示的属性，分为 visible (显示) 及 hidden (隐藏)，不过特别的是当我们使用 visibility: hidden; 隐藏元素时，虽然确实看不到该元素，但元素本身的位置还是会存在。

範例：

---

上一篇：[快速入门前端 26] CSS Box Model 盒子模型
下一篇：[快速入门前端 28] Float 浮动
系列文章列表：[快速入门前端] 系列文章索引列表