布局相关的属性

1.position 定位方式

  

  1.正常定位

                            relative

  2.根据父元素进行定位

                            absolute

  3.根据浏览器窗口进行定位

                            fixed

   4.没有定位

                            static

   5.继承inherit

2.定位

                   left(左),right(右),top(上),bottom(下)离页面顶点的距离

3.z-index 层覆盖先后顺序(优先级)

4.display 显示属性

                   display:none

                            层不显示

                   display:block

                            块状显示,在元素后面换行,显示下一个块元素

                   display:inline

                            内联显示,多个块可以显示在一行内

5.float 浮动属性

                   left 左浮动

                   right 右浮动

 6.clear 清除浮动

                   clear:both

 7.overflow 溢出处理

                   hidden 隐藏超出层大小的内容

                   scroll无论内容是否超出层大小都添加滚动条

                   auto 超出时自动添加滚动条

 

posted @ 2017-12-31 22:00  梦想起航我起床  阅读(194)  评论(0编辑  收藏  举报