格式与布局

一、位置,position,定义元素的位置,当原色设置了position后,元素就如同浮了起来,失去了原来的占位。

  1.absolute 绝对定位,是相对于外层最近的有position的元素的定位,如果外层没有,则相对于浏览器的边缘定位,默认起点为左上角,

    在设置了绝对定位后,可以通过top、bottom、left、right 来控制元素的位置,它们的值都是数值,可以写负值,表示相反方向移动

  2.relative 相对定位,是相对于元素本来应该出现的位置定位,会保留元素原先占有的位置,

    在设置了相对定位后,控制方式与绝对定位相同,

  3.fixed  固定定位,是相对于浏览器边缘的固定定位,不会随着滚动条的滚动而变化位置,

    在设置了相对定位后,控制方式与绝对定位相同,

二、布局

  1.流,float,使元素具有流向,并且流动的时候没有自己的位置,只有在截断流(清除流)后才会有自己的位置,

    float的值可以是left和right,代表从左开始流动和从右开始流动,

    清除流的方法是在流后面添加一个div,设置其样式style="clear:both"。

  2.z-index 层级,表示元素在z轴上的高低,数值越大越靠上,重合的元素谁靠上就显示谁,

    z-index只对设置了定位的元素奏效,即设置了position的元素,

    值可以是负值,负值表示在底层元素的下面,可以用来显示底层元素。

  

原文地址:https://www.cnblogs.com/zxbs12345/p/7899369.html