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

小鹰博客8年前网站制作632

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服务器(权威域名服务器)...

404页面设置自定义还不如用系统默认的404

404页面设置自定义还不如用系统默认的404

站长们在做seo时,往往会看网站有没有做404页面,一般判断的方法很简单,就是在搜索引擎地址栏随便输入一个该域名错误链接,然后看有没有404页面。这样对吗???404页面存在的意义就是告诉浏览者和搜索...

用了百度云加速之后网站出现广告

我用了百度云加速之后, 网站右下角出现广告而且还是百度联盟的广告,上网查了一下,有的说是电信运营商搞的鬼,不管是怎么样,真是坑。果断弃用!...

实现文字跑马灯效果

使用marquee标签:创建一个滚动的文本字幕,应用于文字、图片、表格。<marquee></marquee>http://blog.csdn.net/chentao866/a...

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

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

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

用CSS设置链接在新窗口打开

由于工作的需要,需要把某个页面下的所有a标签都设置为新开新窗口,即:<a href="XXX">增加target:<a href="XXX"...

发表评论    

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