position定位
2019-06-09 18:56
363 查看
HTML中定位有三种分别是:相对定位(relative)、绝对定位(absolute)和固定定位(fixed)
-
相对定位(relative):相对定位是相对于自身位置进行偏移。当设了相对的偏移量之后,这个DIV原来所占据的位置(文档流)不 会被下面的DIV块挤占,而是空在那里;当偏移后向下或者向右的内容会被隐藏,而 这一点区别于绝对定位,绝对定位会出现滚动条。
-
绝对定位(absolute):绝对定位是相对于父容器中含有定位属性的元素进行定位(直接父容器没有他会一层一层往上找,没有的话就相对body)。一个DIV块的位置被定义为绝对定位的时候,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置。
-
固定定位(fixed):固定定位是相对于浏览器的位置进行偏移。当设了相对的偏移量之后,这个DIV原来所占据的位置(文档流)不 会被下面的DIV块挤占。
子绝父相:子元素绝对定位,父元素相对定位。让子元素 以其父元素为标准来定位。(如果不这么做,子元素就会相对body或浏览器定位产生不好的效果。)
相关文章推荐
- css样式--定位position
- 浅析CSS——元素重叠及position定位的z-index顺序
- css中的定位(position)
- 移动端 position:fixed; 定位在iOS系统上失效,该怎么解决
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS中margin和position:relative的定位问题
- position 定位相互覆盖的问题
- IE6's Bug系列之position定位
- CSS3 position 垂直水平居中定位
- 固定定位position:fixed实现高度自适应
- CSS之position定位
- CSS中背景background-position负值定位深入理解
- position:relative相对定位
- div+css position 定位问题
- CSS中position的4种定位详解
- css中position的相对定位与绝对定位解析
- html5 geolocation / 百度地图api Geolocation 定位当前城市信息&window.navigator.geolocation.getCurrentPosition,在IO
- position:fixed 相对父元素定位
- position定位
- H5杂记之 绝对定位 position:absolute;