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

CSS定位

时间:2017-03-10 16:41:12      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:alt   logs   滚动   定位   它的   移动   影响   .com   没有   

Static 定位

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

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

 

Fixed 定位

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

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

 

Relative 定位

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

 

以自己为参照物

技术分享

技术分享

 注意:

        如果不结合定位坐标处在原来的位置

        如果结合定位坐标相对于原来的位置定位

 

Absolute 定位

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

 

未结合定位坐标:

技术分享

技术分享

结合定位坐标:相对于整个网页

技术分享

技术分享

注意:

技术分享

 

CSS定位

标签:alt   logs   滚动   定位   它的   移动   影响   .com   没有   

原文地址:http://www.cnblogs.com/juansilence/p/6531054.html

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