子元素与父元素的width继承

1，同为内联元素

我们知道，内联元素不可以设置width和height，所以其宽度默认都是auto，由内容撑起来。

2，同为块级元素

子元素默认width是100%，所以会继承父元素的宽度；但是不会继承其高度，可以通过内容把高度撑起来；

另外，给子元素添加padding和margin时，可以看到内容的宽度时父元素的宽度减去子元素的margin和padding值；

3，父亲是块元素，孩子是内联元素

一般的内联元素是不能设置width和height，同第一条；

如果是img或者input等可以设置width和height的类型，

对于img，如果不设置宽高则默认以图片原本大小显示，单独设置宽或者高的值则按原图等比例缩放，设置width:100%;height:100%则可以铺满整个父元素；

4，同为块级元素，子元素脱离文档流

1)子元素设置浮动，则宽度为auto，宽度由内容撑起来

2)子元素设置定位，position：absolute或者fixed，效果同上

3)设置定位，position：relative，这时候子元素并没有脱离文档流，所以width依旧是100%；

5，同为块级元素，父元素脱离文档流

对子元素继承宽度没有影响