如何在不改变其内容位置的情况下弹出整个 Div

Posted 2023-02-16

【中文标题】如何在不改变其内容位置的情况下弹出整个 Div

【英文标题】：How To Popup whole Div without changing its content position

【发布时间】：2016-08-25 17:18:03

【问题描述】：

我想弹出包含图像、div 等的整个 div。但问题是，当我弹出 div 时，div 内的位置发生了变化。我想缩放像弹出窗口一样显示的 div 并覆盖整个页面。

当我单击 div 时，应该弹出和缩放 div。没有改变内容的位置。

【问题讨论】：

您需要出示您的代码。

使弹出窗口的内容相对大小（10%）并添加位置：相对于它。现在你可以在不破坏布局的情况下随心所欲地使用它

【参考方案1】：

使用 CSS 并更改 div 的 z-index，使其位于新图层上。需要样本来帮助您应用解决方案。

【讨论】：

有没有办法像弹出窗口一样缩放那个 div。当我点击那个 div 时，它应该是缩放和弹出窗口

@BhumirajDarbar 嗨，你有解决方案吗？我也需要那个。

@Logeshwaran 应用 %(percentage) 中的所有 ineer div css 而不是像素，因此当外部 div 更改它的高度和宽度时，该 div 的内部内容会自动设置在该位置。