码迷,mamicode.com
首页 > Web开发 > 详细

CSS Position(定位)

时间:2016-12-13 13:50:31      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:fixed   元素定位   ott   文档   滚动   浏览器   style   容器   stat   

CSS定位属性允许你为一个元素定位。

元素可以使用顶部,底部,左侧和右侧属性定位。这些属性无法工作,出给是显示设定position属性。

四种不同的定位方法。

Static定位:

HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位元素不会受top,bottom,left,right影响。

Fixed定位:

元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动它也不会滚动。

eg:Fixed定位在IE7和IE8下须需要描述!DOCTYPE才能支持,Fixed定位元素的位置与文档流无关,不占据文档流空间。

Relative定位:

相对定位元素的定位是相对于其原始正常位置。可移动的相对定位的内容,它原本所占的空间不会改变。相对定位常用来作为对象定位元素的容器块。

Absolute:

绝对定位的元素的位置相对于最近的已定位符元素,如果元素没有已定位的父元素,那么他的位置相对于html.绝对定位脱离文档流。

CSS Position(定位)

标签:fixed   元素定位   ott   文档   滚动   浏览器   style   容器   stat   

原文地址:http://www.cnblogs.com/lywh/p/6169577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!