CSS的position:relative与position:absolute的区别

小鹰博客7年前网站制作504

position:absolute这个是绝对定位;它不会随着窗口大小变化,只是固定在一个特定的坐标轴上面;

比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。

position:relative 这是相对定位啊!和上面的相反,它可以随窗口大小变化。但大小仍然不会变。要是你设置成width:100%;height:100%;这样就会随着窗口变大变小。。。

比如:<div class="1"></div><div class="2"></div>

当1固定了位置。1的样式float:left;width:100px; height:800px;

2的样式为float:left; position:relative;margin-left:20px;width:50px;

2的位置在1的右边,距离120px

相关文章

什么是域名的TTL值?域名解析记录在DNS缓存服务器中的存留时间

什么是域名的TTL值? TTL(Time-To-Live),就是一条域名解析记录在DNS服务器中的存留时间。当各地的DNS服务器接受到解析请求时,就会向域名指定的NS服务器(权威域名服务器)...

IIS搭建Zblog时出现数据库连接错误的解决方法

IIS搭建Zblog时出现数据库连接错误的解决方法

听说Zblog程序做网站对SEO比较友好,今天就下载Zblog源码在自己电脑上测试一下。本机测试已经从服务器上下载下来的网站,首页打开没问题,但留言板与后台根本无法连接,错误提示信息是“错误原因:数据...

[严重]PHPSESSID已知会话确认攻击

关于此漏洞的修复方案如下在PHP.INI文件中配置 session.use_only_cookies = 1。该选项让管理员能够避免用户被攻击。默认值为 0。注:1. 请确认修改的 php.ini 文...

解决网站出现DNS域名解析错误的问题

DNS解析就是把你的域名解析成一个ip地址,服务商提供的dns解析就是能够将你的域名解析成相应ip地址的主机。这就是DNS域名解析。DNS解析出现错误,一般是我们把一个域名解析成一个错误的IP地址,或...

zblog模板文件修改对照文件表

首页与列表页相关模板default.html 首页主模板文件catalog.html 列表页模板文件b_article-multi.html 摘要文章模板b_article-istop.html 置顶...

Zblog优化 文章页添加关键词和描述

Zblog优化 文章页添加关键词和描述

前段时间有朋友问我:ZBLOG怎么设置不同文章页的关键词和描述呢?大家都知道,如果每个文章页都可以设置成当前文章页的关键词和描述对页面SEO是有很大促进作用的。正好借今天这个机会给大家系统的总结一下设...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。