Question

如果有必要，我会发布一个JSFIddle，因为我使用的是标记语言需要花费一些力气，但请到这里：http://mixtape.meteor.com

添加足够的元素，以便出现溢出并显示滚动条
现在尝试检查任何列表元素的悬停属性，它们都显得不合适！

以下是相关的CSS代码。

.list_element .next_song{
    cursor: pointer;
    color:white;
    margin-top:-38px;
    margin-left:29%;

    display:none;
    position: absolute;
}

.list_element .destroy {
    cursor: pointer;
    color:white;
    margin-top:-38px;
    margin-left:32%;

    display:none;
    position: absolute;
}

.list_element:hover .destroy{
    display:block;
}

.list_element:hover .next_song{
    display:block;
}

Answer 1

尝试在element_style中添加position：relative，因此position：absolute将适合容器。然后你唯一的工作就是调整这些按钮的对齐方式。

.element_style {
    position: relative;
    ......

.list_element .next_song {
    right: 10%;
    ......

.list_element .destroy {
    right: 0%;
    ......

李：我列表的悬停行为是不可预测的？

1 个答案: