CSS 定位 absolute和relative

1、块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。

2、display : none;(让生成的元素根本没有框。这样的话,该框及其所有内容就不再显示,不占用文档中的空间。)

3、


relative 不脱离文档流,absolute 脱离文档流。也就是说:relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。absolute的元素不仅位置改变了,同时也脱离了文档流。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流就是浏览器在页面上摆放HTML元素所用的方法。浏览器从...
    coolheadedY阅读 579评论 0 0
  • 之前介绍过CSS浮动float详解,本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动...
    张歆琳阅读 96,708评论 39 192
  • 一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 1、文档流指的是元素在排列布局中所占用的位置,具体的说是...
    鸿鹄飞天阅读 799评论 0 0
  • 淡淡的 多少 *多大 淡淡的·
    dea09453a7a0阅读 200评论 0 0