Question

我有一个包含3行div的页面。当我将鼠标悬停在任何一个div上时，我希望div向下扩展并覆盖其下方的div。当用户将鼠标悬停在div上时，我使用了绝对定位并通过增加z-index值来实现这一目标。我宁愿不要使用唯一的绝对位置来为每行设置不同的样式，但是为了使div悬停在下面的那一格上，我觉得我必须使用这种绝对定位。有没有一种更优雅的方法可以创建一个固定的5项行的网格，当用户将鼠标悬停时，这些行的div会相互重叠？

https://shampouya.5gbfree.com/Test_TeamSlideshow.html

func updateUser(users []User) []User {

    temp := make([]User, 0, len(users))

    for _, u := range users {
        if !condition(u) {
            temp = append(temp, u)
        }
    }
    return temp
}

Answer 1

您应该将所有配置文件包装到一个容器中，并使用百分比表示宽度。默认情况下，如果元素不适合同一行，它们将自动向下细分。

例如，如果您有6个div，并且它们都设置为width：20％，则最后一个div将自动分解为单独的一行。

这样，您的元素将相对敏感，并且您不需要硬编码值。

如何在不使用绝对定位和z-index的情况下使溢出可见？

1 个答案: