Question

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

有什么想法吗？感谢。

Answer 1

你必须在你的CSS的right: 0;类上使用.ILdropdown .ILdropdown_content，并且你将它与右边对齐：

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

Check this DEMO

希望它有所帮助！

Answer 2

对不起，我误会了。

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

Answer 3

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

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

和

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

这应该给出正确的对齐效果，如this demo所示。如果希望它们水平对齐，您可能需要向父类添加position: relative。如果我确实误解了下拉菜单的位置，只需调整top和left或right属性即可将其定位在您想要的任何位置。

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

无法让CSS将区域对齐到右侧

3 个答案: