盒子模型

  这周学习了盒子模型,margin,两个块级元素之间的垂直方向的margin会重叠,取大的值为准;padding是元素与border间的区域,不可为负,不可重叠。

  浮动主要解决两个竖着方向变成两个横着方向的,浮动不会穿过padding区域。特点:对原元素的包裹性,对父级的塌陷性。浮动后被视为块级,等于设置了display:block。也要清除浮动:cleare:both.

  何时会触发BFC,常见的如下:

  根元素;float; overflow:auto  scroll  hidden; display:table-cell  take-caption  inlin-block  fliex  inline-fliex; postition:absolut  fixed。

  盒子模型,布局很重要,要加强练习。

 

posted @ 2016-04-17 16:19  Yanghuan12  阅读(81)  评论(0)    收藏  举报