css 绘制 outline 边框时，如何避免 absolute 元素也被撑开？

当使用 outline 来突出元素的边框时，如果一个元素具有绝对定位（absolute），它的边框也会被撑开。这可能会导致页面布局问题。

要解决此问题，可以使用以下 css 属性：

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• outline-offset：用于设置轮廓边距，将 outline 边界推离元素。
• outline-style：指定 outline 边界的样式，例如 solid、dashed 或 dotted。

解决问题的 css 代码示例：

outline: 2px solid #dcdfe6;
outline-offset: 4px;
outline-style: double;

注意：如果要使用“auto”值来指定 outline 样式，请将其删除或更改为“double”或其他明确的样式值。