CSS display属性这几天用的我头疼 人老了 健忘了
1.inline（行内元素）
是元素变成行内元素，拥有行内元素特性，共享属性，不会吃独食！
共享经济时代 inline是主导大哥
!important 不能修改元素的height，width 的值，大小由内容撑开！！ 别傻乎乎的去设置了
可以使用padding 哪个方向都有效，margin只有left和right有效 top和bottom不行
2.block（块级元素）
独占一行，霸权主义，不设置自己的宽度的情况下，块级元素会默认填满父级元素的宽度
当然 height和width属性是可以改变的
padding和margin的各个属性值都有效果 都可以设置
3.inline-block（行内块级元素）
不独占一行的块级元素！！！
自然就是没有霸权主义的height和width属性可以设置 margin和padding也可以设置的小弟
inline-block和浮动布局的区别
对元素设置inline-block元素不会脱离文本流
而浮动布局会使元素脱离文本流，造成父元素高度塌陷