合模型
分为中心,padding border margin
padding :内边距
margin:外边距
border:边框
何时使用margin和padding
margin:border需要空白时,空白不需要背景色
padding:border内侧需要空白时,空白需要背景色
margin用来隔开元素与元素之间的距离,padding时用来隔开元素与内容之间的距离
margin用于布局,元素与元素之间互不相干,padding元素与内容的间距,让内容元素之间有一段距离。
float浮动:
1.子级福鼎,父级元素塌陷
2.包裹性,若浮动元素没有设置宽度,会折叠到最小宽度
3.元素浮动后横向的margin叠加
4.浮动元素影响其他元素(位置,布局)