工作了才发现display全忘了

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元素不会脱离文本流

而浮动布局会使元素脱离文本流，造成父元素高度塌陷