div垂直方向布局

知识点汇总

1、

a）默认情况下（未设置高度时）父元素的高度被内容撑开

---

2、溢出

b）子元素是在父元素的内容区中排列的，若子元素的大小超过了父

元素，则子元素会从父元素中溢出

---

3、overflow

c）使用 overflow 属性来设置父元素如何处理溢出的元素
overflow-x 单独处理水平方向的
overflow-y 单独处理垂直方向的

可选值：
visible（默认值），子元素会从父元素中溢出，在父元素外部的位置显示
hidden，溢出内容将会被裁剪，不会显示
scroll（滚动），生成两个滚动条，通过滚动条来看完整的内容
auto，根据需要生产滚动条