display

前言：

块级（block）元素特性总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;
宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
内联（inline）元素特性和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小;

一、display：block

display:block 就是将元素显示为块级元素，能够容纳内联元素和其余块级的元素，因此一般是作为其他元素的容器，而且块状元素不能与其他元素位于同一行，设置宽高是起作用的。div和p都为块级元素。

二、display：inline

display：inline就是将元素显示为内联元素。设置了这个之后，只能容纳文本或者其他内联元素。允许其他内联元素位于同一行，宽高不起作用。

三、display：inline-blcok

元素呈现为内联对象，周围元素保持在同一行，但是有一点，他可以设置宽度和高度