什么是margin纵向重叠
margin的几个属性设置负值会怎样
margin-top和margin-left设置负值,元素向上向左移动
如下图:
测试原图
如果针对item1设置
原图中的item1发生改变向上移动20px
如果针对item3元素设置
item3就会被向左移动20px如下图
margin-right设置负值,右侧元素左移,自身不受影响
如果用以上原图针对item3设置
item4就会向左移动20px和item3重叠如下
margin-bottom负值,下方元素上移,自身不受影响
如果以上面的原图设置item1
item2就会向上移动20px和item1重叠
怎样理解BFC
形成BFC的常见条件
- float不用none
- float不用none
- overflow不用visible
- display用flex 和inline-block
看完觉得有用的兄弟评论配合说一句