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

小鹰博客 2017-7-18 14:23:43 网站制作 次阅读 查看评论

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

打赏

如果文章对你有帮助,请打赏支持!

« 上一篇下一篇 » 标签: CSS  

本文地址:http://www.0375wg.com/post/127.html 出自 小鹰博客 转载请保留出处和文章链接。

评论列表:

说两句吧:

必填

记住我,下次回复时不用重新输入个人信息◎网友评论只代表其个人观点与本站无关。

站内搜索
网站分类
最近发表
网友评论