A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 亦凡 初级黑马   /  2019-6-7 23:02  /  911 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


position 属性指定了元素的定位类型。
position 属性的五个值:

l  static

l  relative

l  fixed

l  absolute

l  sticky



static 定位

HTML元素的默认值,即没有定位,元素出现在正常的流中。

静态定位的元素不会受到 top, bottom, left, right影响。

实例

div.static{ position: static; border: 3px solid #73AD21; }


fixed 定位

元素的位置相对于浏览器窗口是固定位置。

即使窗口是滚动的它也不会移动:

p.pos_fixed

{

    position:fixed;

    top:30px;

    right:5px;

}

Fixed定位使元素的位置与文档流无关,因此不占据空间。

Fixed定位的元素和其他元素重叠。


relative 定位

相对定位元素的定位是相对其正常位置。

h2.pos_top

{

    position:relative;

    top:-50px;

}



absolute 定位

绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>:

实例

h2

{

    position:absolute;

    left:100px;

    top:150px;

}

absolute定位使元素的位置与文档流无关,因此不占据空间。

absolute定位的元素和其他元素重叠。

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马