0

请看这里：http: //jsfiddle.net/gFTeG/

我无法找到必要的 CSS 以使其与右侧对齐（我可以text-align:right;为容器内的文本执行此操作，但容器保持与操作按钮的左侧对齐）。

有任何想法吗？谢谢。

4

3 回答 3

0

你必须在你的cssright: 0;的.ILdropdown .ILdropdown_content类上使用，你会让它向右对齐：

.ILdropdown .ILdropdown_content {
    display: none;
    position: absolute;
    border: 1px solid #777;
    padding: 0px;
    background: white;
    top: 100%;
    right: 0;
}

检查此演示

希望能帮助到你！

于 2012-08-04T17:25:56.163 回答
0

对不起，我误会了。

添加right: 0;到您的下拉列表中，使其与操作按钮的右侧对齐。

于 2012-08-04T17:43:34.237 回答
0

如果我理解正确，您希望下拉菜单出现在按钮的右侧。正如您所拥有的那样.ILdropdown .ILdropdown_content，position: absolute您可以添加position: absolute到父类并添加/更改left: 100%和top: 0%到内容类，如下所示。

.ILdropdown .ILdropdown_button img {
    ...
    position: absolute;            
}

和

.ILdropdown .ILdropdown_content {
    ...
    top: 0%;
    left: 100%;
}

这应该会产生正确的对齐效果，如本演示所示。position: relative如果您希望父类水平对齐，您可能需要添加一个。如果我对下拉菜单的位置有误解，只需调整topand leftorright属性即可将其放置在您想要的任何位置。

A List Apart 中的这篇文章可能对position属性层有所帮助。http://www.alistapart.com/articles/css-positioning-101/

于 2012-08-04T17:56:45.043 回答