HTML选择菜单下拉列表：从右到左

我试图使HTML选择菜单的下拉列表从右开始，然后向左流动。就像这里的一个，但它没有发生。它现在从左边开始，向右边流动。在IE中，下拉菜单被隐藏

代码-

<div class="search fr curves3">  
    <input class="main_search curves3" type="text" value="" placeholder="Search for items">
    <span style="border-left:1px solid #999; float:left;">
    <select>
        <option>All Categories</option>
        <option>Cat</option>
        <option>Dog</option>
        <option>Bird Categories Categories Categories</option>
        <option>Aquatics</option>
    </select>
    </span>
    <input type="submit" value="search" name="Search">
</div>     

JSfiddle-

---

那么，如何使下拉列表从右开始，然后流向左？谢谢

使用

绝对

定位。你的css搜索框将是这样的

.search {
    border:1px solid #999;
    position:absolute;
    right:0;
}

---

在IE中，下拉列表的宽度也与select相同。所以有一半被隐藏了。@SagarRaj对于与IE相关的浏览器兼容性问题，您可以使用html5shiv.js，您可以从下载它，也不要忘记在您将获得的自定义css文件之前添加reset.css。希望这对你有帮助。

.search {
    border:1px solid #999;
    position:absolute;
    right:0;
}