展开另一侧的搜索栏？

Question

我有这个演示：https://jsfiddle.net/064rmfat/。我想要的是当用户悬停在搜索上以扩展搜索栏但在左侧时。有什么建议吗？

<div class="box">
    <div class="container-2">
        <span class="icon"><i class="fa fa-search"></i></span>
        <input type="search" id="search" placeholder="Search..." />
    </div>
</div>

Answer 1

扭转你的浮动

.container-2 input#search {
    float: right 
}

https://jsfiddle.net/064rmfat/1/