行内元素与块状元素

1、宽度和高度

• 行内元素： 一般的行内元素的宽和高都由内容撑起，设置宽高不起作用。不过 img标签虽然属于行内元素，但可以设置宽高。
• 块状元素： 所有的块状元素都可以设置宽度和高度，默认高度为内容的高度，默认宽度为父元素的100%

2、外边距margin

• 行内元素： 设置上下margin没有效果，左右有效果，两个紧邻的行内元素设置margin，中间的距离为margin值之和。
• 行内块：margin和padding都起作用，两个紧邻的行内块设置margin，中间的距离为margin值之和。
• 块状元素：margin和padding都起作用，两个紧邻的块状元素设置margin，中间的距离取最大值。
• 嵌套元素：两个嵌套的元素，子元素设置margin，是相对于父元素的，若父元素还设置了padding，则距离为子元素margin和父元素padding之和。

3、内边距padding

• 行内元素： 设置左、右、下 padding有效果，padding-top没有效果，padding-bottom 虽然有效果，但不起作用，对后面布局没有影响。