css 浮动和绝对定位的区别

css中,绝对定位使其元素脱离文档流,位置相对与其祖先元素中自内而外的第一个position属性不是static的元素的右上角。
而浮动元素没有脱离文档流,元素会尽可能的向左上角或右上角靠拢,文字会围绕在元素周围。当一个元素被抽出正常文档流之后,其元素会填补这一空白,它只是改变了文档流的显示,并没有脱离文档流。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 1. 文档流的概念指什么?有哪种方式可以让元素脱离文档流? 元素自上而下排列,将窗体自上而下分成一行行, 并在每行...
    进击的阿群阅读 1,005评论 0 1
  • 一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流就是元素从左到右,从上到下排列; 元素脱离文档流可...
    崔敏嫣阅读 609评论 0 0
  • 一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 1、文档流指的是元素在排列布局中所占用的位置,具体的说是...
    鸿鹄飞天阅读 799评论 0 0
  • 文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流就是浏览器在页面上摆放HTML元素所用的方法。浏览器从...
    coolheadedY阅读 579评论 0 0