CSS属性之margin的理解

css属性改变容器的尺寸

  • 可以改变元素占据空间(如影响父元素的高度(当父元素不定高的情况下))



![cat-5.png](http://upload-images.jianshu.io/upload_images/1819278-20366c1cd398bed2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

margin负值的应用

  1. margin负值下的两端对齐(margin改变元素尺寸)


    CSS属性之margin的理解_第1张图片
    图片.png
  2. margin负值下的等高布局(margin改变元素占据空间)

通过设置margin-bottom为负值,padding-bottom为正值来实现。父元素需overflow:hidden;

  1. margin负值下的两栏自适应布局

你可能感兴趣的:(CSS属性之margin的理解)