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

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

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

相关文章

ZBlog ASP转ZBlog PHP转换后无标签

其实早就想转到PHP程序了,毕竟PHP还是有很多优势的,主机还能用linux的。昨晚就想着,干脆转换算了。于是开始找工具,官方的应用中心就直接有工具了,很好用。步骤如下:1、在Z-BlogASP下载安...

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

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

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

[高危]使用存在漏洞的JQuery版本的解决方法

[高危]使用存在漏洞的JQuery版本的解决方法

360网站安全检测提示:[高危]使用存在漏洞的JQuery版本,关于这个问题,下面是鹰眼网络的解决方法,真实有效。客户的网站http://www.zzlzm.com/就是这么解决的。这个只是因为JQu...

实现文字跑马灯效果

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

target=_blank与target=_self的区别

这二者之间的区别并不在技术实现细节的差别。而在于他们的不同表现形式带给人不同的感受。如对于jsp,asp等动态网页。如果,页面内生成的内容过多,必然导致打开速度慢。而且,当多个栏目共用一个模板时,问题...

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

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

发表评论    

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