css将所有样式限制在容器内，包括定位 position: fixed;position: absolute;

在富文本在会有些样式是position的情况下，会出现这部分的dom跑出容器，导致遮挡住其余别的dom。
可以通过 transform: scale(1) 限制内部所有的样式都是基于该容器，作用有点类似于iframe

1、容器内容为空时

image.png

2、容器中存在 position: fixed 时

头部 显示在容器外

image.png

2、容器加上 transform: scale(1) 样式后

头部 被限制显示在容器内

image.png

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

推荐阅读更多精彩内容

  • 前端面试实录CSS篇（最近一周）
    前言 系列首发于公众号『前端进阶圈』 ，更多精彩内容敬请关注公众号最新消息。 最近一周面试实录CSS篇 1. CS...
    Immerse666阅读 83评论 0赞 0
  • css面试题总结
    CSS 面试题汇总 1. 介绍下 BFC 及其应用 参考答案：参考答案：所谓 BFC，指的是一个独立的布局环境，...
    5cc9c8608284阅读 735评论 0赞 1
  • 页面布局
    本文主要讲述页面布局样式方面涉及的知识点，更全面的对CSS相应的技术进行归类、整理、说明，没有特别详细的技术要点说...
    Joel_zh阅读 920评论 0赞 1
  • Html+Css面试题
    iframe 框架有那些优缺点？ 优点iframe 能够原封不动的把嵌入的网页展现出来。如果有多个网页引用 ifr...
    蛋蛋大少爷阅读 727评论 0赞 1
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 1,509评论 0赞 5