知识点

一、position  位置

  只要使用定位,必须有一个相对的参照物。relative

  具体定位的那个元素要加position:absolution;

  使用绝对定位的时候,浏览器会逐层向上级元素找position属性,知道找到position或到body。

二、页面布局

  结构层:搭建页面框架。

  布局层:针对框架内部结构进行排版。

三、div盒子模型

  就是一个容器,可以装任何标签。

  1)、盒子实际占用的空间

  2)、盒子实际宽度和高度

  3)、如何理解盒子模型

四、positionrelative;如果设置值了,相对原来的位置进行调整

二者区别

  1. absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置。

  2. relative存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。

  3,Absolute 会有一种现象压盖效果

 

  z-index层次关系,可以改变元素的层叠位置,所有的标签默认是0z-index的值越大,该元素就在上方。

 

posted @ 2018-09-26 20:08  web前端探索者  阅读(91)  评论(0编辑  收藏  举报