Css知识点

负边距

负边距的效果     左边距 margin-left 为负时，左移

                          右边距  margin-right为负时，左拉  即覆盖在左边盒子上      图为紫色盒子设置了负右边距，盖住了蓝色的盒子

上下边距同理

 

 

shape-outside

内联内容包围其边距框 以为是方，但是一个圆

 

BFC应用

1.当两个盒子，一个有margin-bottom属性，一个有margin-top属性，两个盒子的margin值会融合

解决方案:其中一个盒子的父盒子添加BFC，添加BFC解决两个盒子margin值相互融合问题

2.有两个盒子，一个父盒子，一盒子盒子，给子盒子设置margin-top值后，会将父盒子塌陷

解决方案:给父盒子添加BFC，可以解决父盒子塌陷问题  父盒子添加overflow:hidden    图一没设置

3.BFC可以用来清除浮动

当子盒子浮动，元素拖标，不能撑开父盒子

给父盒子添加BFC  overflow:hidden

4.触发了BFC的盒子，不会与浮动元素重叠  ，应用在左侧固定，右侧自适应布局中