absolute定位属性

1.absolute(绝对定位）

脱离文本流，在文档中不占位置，参照浏览器左上角定位

1）设置TRBL作为原点


2）根据父级对象作为始点


2.相对定位relative

相对于元素本身在文档中出现的位置移动，可以通过TRBL来移动，但是依然占据原来位置，视觉上有移动感觉


3.relative和absolute结合使用

可以实现float浮动的效果



参考文章：

CSS position属性absolute relative等五个值的解释：http://www.jb51.net/css/68072.html

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • 任务10-浮动、定位
    学习建议 定位、浮动是 CSS 核心知识点，必须熟练掌握。 1.文档流的概念指什么？有哪种方式可以让元素脱离文档流...
    饥人谷_任磊阅读 1,126评论 0赞 3
  • CSS绝对定位absolute详解
    之前介绍过CSS浮动float详解，本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动...
    张歆琳阅读 96,751评论 39赞 192
  • Struts2拦截器
    strut2工作原理 （1）在web.xml中配置一个struts过滤器StrutsPrepareAndExecu...
    HelloWorldLJF阅读 320评论 0赞 1
  • 我还谈不谈理想
    1、突然想起了舅舅，只比我大十年。小时候，我最喜欢和他聊天，听他谈天说地，讲外面的世界。他初中还没有毕业就出来工作...
    小萤子阅读 518评论 10赞 3