position:relative和负margin

position:relative和负margin都可以使元素位置发生变化，但是它们二者是有区别的。

  • position:relative
    只是视觉上元素位置发生了变化，而元素在文档流中的位置并有改变，对其他元素没有影响。
    代码举例
Paste_Image.png
  • 负margin
    让元素在文档流中的位置也发生了改变，对后面的元素会产生影响
    代码举例
Paste_Image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1赞 92
  • 任务10-浮动、定位
    学习建议 定位、浮动是 CSS 核心知识点，必须熟练掌握。 1.文档流的概念指什么？有哪种方式可以让元素脱离文档流...
    饥人谷_任磊阅读 4,773评论 0赞 3
  • 浮动，定位，BFC边距合并
    1. 浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素的特征：CSS设计flo...
    饥人谷_邵征鹏阅读 3,690评论 0赞 0
  • 任务11-inline-block、BFC、边距合并
    1.在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例 概念：在CSS当...
    饥人谷_任磊阅读 4,097评论 0赞 3
  • css浮动、BFC、定位问题
    1.浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响? 何谓浮动元素？有什么特征？所谓浮动...
    草鞋弟阅读 4,268评论 0赞 1

友情链接更多精彩内容