css將所有樣式限制在容器內(nèi)，包括定位 position: fixed;position: absolute;

在富文本在會(huì)有些樣式是position的情況下，會(huì)出現(xiàn)這部分的dom跑出容器，導(dǎo)致遮擋住其余別的dom。
可以通過 transform: scale(1) 限制內(nèi)部所有的樣式都是基于該容器，作用有點(diǎn)類似于iframe

1、容器內(nèi)容為空時(shí)

image.png

2、容器中存在 position: fixed 時(shí)

頭部 顯示在容器外

image.png

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

頭部 被限制顯示在容器內(nèi)

image.png

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 系列首發(fā)于公眾號(hào)『前端進(jìn)階圈』 ，更多精彩內(nèi)容敬請(qǐng)關(guān)注公眾號(hào)最新消息。 最近一周面試實(shí)錄CSS篇 1. CS...
    Immerse666閱讀 111評(píng)論 0贊 0
  • CSS 面試題匯總 1. 介紹下 BFC 及其應(yīng)用 參考答案：參考答案：所謂 BFC，指的是一個(gè)獨(dú)立的布局環(huán)境，...
    5cc9c8608284閱讀 848評(píng)論 0贊 1
  • 本文主要講述頁(yè)面布局樣式方面涉及的知識(shí)點(diǎn)，更全面的對(duì)CSS相應(yīng)的技術(shù)進(jìn)行歸類、整理、說明，沒有特別詳細(xì)的技術(shù)要點(diǎn)說...
    Joel_zh閱讀 1,157評(píng)論 0贊 1
  • iframe 框架有那些優(yōu)缺點(diǎn)？ 優(yōu)點(diǎn)iframe 能夠原封不動(dòng)的把嵌入的網(wǎng)頁(yè)展現(xiàn)出來。如果有多個(gè)網(wǎng)頁(yè)引用 ifr...
    蛋蛋大少爺閱讀 848評(píng)論 0贊 1
  • CSS 是什么 css(Cascading Style Sheets)，層疊樣式表，選擇器{屬性:值；屬性：值}h...
    崔敏嫣閱讀 1,567評(píng)論 0贊 5

友情鏈接更多精彩內(nèi)容