脱离工作流,以自己现有的位置为基准进行偏移。偏移分为left,right,top,bottom四个方向。
基本格式如下:position:relative;
3、绝对定位
绝对定位指元素脱离正常的工作流,偏移的位置以父级元素作为参考,在没有父级元素的情况下以浏览器的位置作为参考进行偏移。
基本格式如下:position:absolute;
4、固定定位
固定定位是指元素的位置不发生改变,以浏览器窗口作为参考系,固定定位的元素的坐标不发生改变,也不会随着浏览器的滚动而进行滚动。常见的应用,如:浏览器右下角的弹窗广告,固定在右下角的位置;还有app的底部导航栏等。
基本格式如下:position:fixed;
3、内边距
内边距(padding)出现在内容区域的周围。如果在元素上添加背景,那么背景应用于元素的内容和内边距组成的区域。因此可以用内边距在内容周围创建一个隔离带,使内容不与背景混合在一起。
4、外边距
margin(外边距)属性定义元素周围的空间。margin清除元素周围的(边框外)的区域。margin没有背景颜色,是完全透明的,margin可以单独改变元素的上、下、左、右边距。