Css布局属性 display块级、内联元素标签，overflow内容溢出、文字溢出、 float：left浮动效果、清除浮动、position布局定位、（Z-index）z轴堆积顺序

display 块级元素、行内元素标签

display：inline；块级元素
display：block；内联元素
display：none；隐藏元素
通过inline、block来显示块级、内敛元素或者相互转换元素属性。
同过none来隐藏属性，空间也将消失。
visibility:hidden也可以隐藏属性，空间依旧存在影响页面布局。
显示的话用visibility:visible。
display：inline-block；可以是2个div元素显示在一行显示同时margin 塌陷问题也就没有了。

内联与跨级元素正常定义

行内元素

块级元素

内容溢出

overflow:visible(默认)、hidden、scroll、auto。
overflow-y:scroll;
overflow-x:hidden; 表示溢出部分只可以可以向下滚动。
x轴滚动条已经删除掉了（hidden）

实例、

文本溢出显示。。。

总结：

浮动效果

float：left为左浮动
float：right为右浮动
float：none为不浮动
子元素设置浮动以后，父元素需要设置高度。


后面元素不受浮动影响。

清理浮动实例

布局定位知识点position：static

相对定位特点（relative）

绝对定位特点（adsolute）

定位点为父元素>祖先元素>body根元素。

固定定位 （fixed）

例如用在网页右边登录框，页面发生滚动，他不动。

粘性定位sticky

注意事项

Z-index Z轴堆积顺序

Z-index数值越高优先级越高
先通过父级元素之间对比，