Html 如何在下拉菜单中将列表项向左浮动？

下面是一个css可点击下拉菜单。在这里，我想将列表元素浮动到左侧，而不是整个下拉菜单，而是单击下拉菜单得到的列表项

.onclick菜单{
浮动：对；
位置：相对位置；
显示：内联块；
}
.onclick菜单内容{
保证金：0；
填充：0；
列表样式：无；
位置：绝对位置；
z指数：1；
背景色：#f9f9f9；
最小宽度：160px；
不透明度：0；
可见性：隐藏；
过渡：能见度0.5s；
}
.onclick菜单：焦点{
指针事件：无；
}
.onclick菜单：焦点.onclick菜单内容{
不透明度：1；
能见度：可见；
指针事件：自动；
}
.onclick菜单内容{
位置：绝对位置；
z指数：1；
不透明度：0；
可见性：隐藏；
过渡：能见度0.5s；
}

下拉列表

下降1
这只是一个很长的例子
下降3

.onclick菜单内容li{display:inline block；float:left；}

添加一些CSS以清除默认列表样式：

.onclick-menu-content {
  ...
  margin:0;
  padding:0;
  list-style:none;
}

要使所有内容都与页面右侧对齐，请添加一个额外的

right:0;

---

到CSS。选中此项

您可以使用margin:-20px将下拉列表中的所有内容向左移动您需要为

UL

元素设置一些宽度。谢谢怀特先生，但是当列表项很长时，它仍然会出现在可见页面的右侧，请查看我的代码片段，有没有办法使列表项显示在

UL

的左侧，比如fb通知。你说的“UL的左边”是指所有东西都向右对齐，这样菜单就在左边突出了？你是指这样的东西吗：？在这里，我为UL的定位添加了一个“右：0”