点击跳转水平方向布局的视频详细讲解
一个元素在其父元素中,水平布局必须满足以下公式:
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;