如何展开离开这个div? 它唯一的正确扩展,我尝试了一切,但它仍然无法正常工作 请帮忙
<div id="menu"></div>
#menu
{
float:right;
width:33px;
height:33px;
overflow:hidden;
background:#0F0;
position:absolute;
z-index:3;
left:49%;
-moz-transition-property: width; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: width; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: width; /* Opera */
-o-transition-duration: 1s; /* Opera */
}
#menu:hover
{
width:180px;
}
最佳答案
试试这个:
<style>
#menu {
width:33px;
height:33px;
position:absolute;
background:#0F0;
overflow:hidden;
z-index:3;
transition: width 1s;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition: width 1s;
right:49%;
}
#menu:hover {
width:180px;
}
</style>
<div id="menu"></div>
关于css - 如何向左扩展div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15022310/