需要改变宽度原点

Question

我有一个0宽度的元素，并且在它附近的按钮悬停时，元素的宽度变为400，并且它从左到右显示0.3s过渡，但如果我需要它从右边出现怎么办？左？

Answer 1

使用float：right

HTML：

<div id="a">
</div>
<div id="b">
</div>

的CSS：

#a {
    width: 200px;
    height: 200px;
    float: right;
    display:inline-block;
    background: blue;
}

#b {
   width: 0px;
}

#a:hover + #b {
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    width: 300px;
    height: 200px;
    float: right;
    display:inline-block;
    background: green;
}