隔离 - 布局 - Tailwind CSS 中文文档

隔离

用于控制元素是否应该显式创建新的堆叠上下文的工具。

Class Styles

Class	Styles
`isolate`	`isolation: isolate;`
`isolation-auto`	`isolation: auto;`

isolate

isolation: isolate;

isolation-auto

isolation: auto;

示例

使用 isolate 和 isolation-auto 工具来控制元素是否应该显式创建新的堆叠上下文：

<div class="isolate ...">
  <!-- ... -->
</div>

Prefix an isolation utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<div class="isolate md:isolation-auto ...">
  <!-- ... -->
</div>

Learn more about using variants in the variants documentation.