html - 使用 CSS 在悬停时显示 div

Question

当我将鼠标悬停在它上面时，我想显示包含在 div“post-wrap”中的隐藏 div“delete-button”(#post-wrap)。我如何使用 CSS 做到这一点？

这是我到目前为止所做的: http://jsfiddle.net/ksvrY/2/

#delete-button{
position: absolute;
right: 10px;
top: 10px;
margin: 0px 0px 0px 0px;
height: 30px;
width: 225px;
overflow: auto;
}

Answer 1

参见:http://jsfiddle.net/ksvrY/4/

   #post-wrap:hover #delete-button{
        display:inherit;
    }

同时隐藏按钮:

#delete-button{
        display:none;
    }