045关于树形div空白定位问题的处理方案

045关于树形div空白定位问题的处理方案

设置父本绝对定位position: relative

父本div内新建一div，并设置属性相对定位position: absolute

示例代码如下

.as-trees {
    display: inline-block;
    position: relative;
    .as-trees-hover {
        position: absolute;
        top: 0;
        right: -9090px;
        width: 9090px;
        height: 100%;
    }
}

在爷本的div中设置样式overflow: hidden

如果爷本div的宽度有可能撑爆滚动条，设定宽度以内容自适应width: fit-content

示例代码

.as-tree-show {
    width: fit-content;
    overflow: hidden;
}

html结构如下

• div爷.as-tree-show
  • div父1.as-trees
    • div.as-trees-hover
  • div父2.as-trees
    • div.as-trees-hover
  • div父N.as-trees
    • div.as-trees-hover