html块元素和间距

html里的元素分为两大类
块元素：div块元素独占一行的.有宽高的
浮动：可以使块元素在一行上显示
内联元素：不独占一行，没有宽高
span 写文字的，其实div足够胜任工具人的角色。
改变元素位置的方法
margin(外边距):
子父级margin-top会合并为1个
同级相邻的top和bottom会合并为一个
缺点：margin会有合并问题，margin会重叠,在垂直方向上，同级关系的元素top和bottom加在一起不会都生效，取较大值，适用 平行比较好。
padding(内边距):
缺点：div块会撑开。要主动的减去对应的宽和高（在样式修改宽高）
position:
如何让块元素在一行上显示？
浮动：希望哪几个元素在一行上显示，就要给哪几个元素加浮动
float:left
float:right
个人心得：内边距多用于父级