银角大王武Sir的博客地址
1.positoin属性固定元素的定位类型
说明:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而无论该元素是什么类型。相对定位元素会相对于它在正常流中的默认位置进行偏移
默认值 | static |
继承性 | no |
版本 | CSS2 |
Javascript语法 | object.style.position="absolute" |
可能的值
值 | 描述 |
absolute |
生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位 元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定 |
fixed |
生成绝对定位的元素,相对于浏览器的窗口进行定位 元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定 |
relative |
生成相对定位的元素,相对于其正常位置进行定位 因此left:20px;表示向元素的left方向偏移20px |
static | 默认值,没有定位,元素出现在正常的流中(此时忽略top、bottom、left、right) |
inherit | 规定应从父元素继承position属性的值 |
2.margin外边距
说明:margin(外边距)定义元素周围的空间,属性接受任何长度单位、百分数甚至负数
可能的值
值 | 说明 |
auto |
设置浏览器的间距 这样做的的效果会依赖浏览器 |
length | 定义一个固定的margin(使用像素,pt、em等) |
% | 定义一个使用百分比的边距 |
3.float浮动
说明:定义元素在那个方向浮动,浮动元素会生成一个块级框
注意使用float会是周围的元素重新排列,需要清除浮动。
4.z-index图层级别
说明:定义元素的图层级别,界别越高,限制最外层