CSS中的Position的一点补充


Position 属性:规定元素的定位类型。即元素脱离文档流的布局,在页面的任意位置显示。主要有以下4个值:

① absolute :绝对定位;脱离文档流的布局,遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。
② relative :相对定位;脱离文档流的布局,但还在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。
③ fixed :固定定位;类似于absolute,但不随着滚动条的移动而改变位置。
④ static :默认值;默认布局。

position的辅助属性

position属性只是使元素脱离文档流,要想此元素能按照希望的位置显示,就需要使用下面的属性(position:static不支持这些):

① left : 表示向元素的左边插入多少像素,使元素向右移动多少像素。

② right :表示向元素的右边插入多少像素,使元素向左移动多少像素。

③ top :表示向元素的上方插入多少像素,使元素向下移动多少像素。

④ bottom :表示向元素的下方插入多少像素,使元素向上移动多少像素。

上面属性的值可以为负,单位:px 。

课上我们说了其他的三个方式那这里主要说下static,关于static我们需要知道,static:静态定位。如果你没有设置position属性,那么缺省就是static。top,left,bottom,right等属性,在static的情况下是无效的,要使用这些属性,必须把position设置为其他三个值之一。

static的应用场景

IE6的特殊处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,896评论 0 6
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,719评论 0 1
  • 近期马云的余额宝接连受到“三连创”为什么余额宝会成为网络监管开始第一步呢?网联的形成大大的对于网络互金进行监管,事...
    泥巴爷们阅读 2,656评论 0 0
  • 很久不追剧了,不分昼夜,晨昏颠倒的追了《遇见王沥川》。好看那是必然的,很大众的言情剧情,貌似有点霸道总裁的味道,。...
    刘老师923阅读 4,699评论 0 5