molodechno

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

合模型

分为中心,padding border margin

padding :内边距

margin:外边距

border:边框

何时使用margin和padding

margin:border需要空白时,空白不需要背景色

padding:border内侧需要空白时,空白需要背景色

margin用来隔开元素与元素之间的距离,padding时用来隔开元素与内容之间的距离

margin用于布局,元素与元素之间互不相干,padding元素与内容的间距,让内容元素之间有一段距离。

float浮动:

1.子级福鼎,父级元素塌陷

2.包裹性,若浮动元素没有设置宽度,会折叠到最小宽度

3.元素浮动后横向的margin叠加

4.浮动元素影响其他元素(位置,布局)

posted on 2017-10-15 16:26  molodechno  阅读(136)  评论(0编辑  收藏  举报