21.布局

点击跳转水平方向布局的视频详细讲解
一个元素在其父元素中，水平布局必须满足以下公式：
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right = 其父元素内容区的宽度
可以设置为auto的有以下三个属性：（默认是width）
width、margin-left、margin-right
如果手动设置了以上三个数值，那么margin-right最后的结果会发生变化（跟你设置的会不一样）



点击跳转水平方向布局的视频详细讲解
默认情况下父元素的高度被内容撑开
子元素是在父元素的内容区排列的：
        - 如果子元素的大小超过了父元素，则子元素会从父元素中溢出
        - 使用overflow属性来设置父元素如何处理溢出的子元素
        可选值：
             visible， 默认值 子元素会溢出父元素
             hidden，溢出内容会被隐藏
             scroll,     生成两个滚动条，通过滚动条来查看完整的内容
             auto，    根据需要生产滚动条

用法：

overflow:auto;