jquery - 对齐 CSS Drop Down 的恼人问题

Question

在这里查看:http://174.132.101.73/~ree/header/

我有一个下拉框。当您将鼠标悬停在产品链接上时，我试图让文本“链接 1”、“链接 2”和“链接 3”在产品链接下方左对齐。但我无法让它为我的生活工作。我相信这很简单。您将在 CSS 文件的底部找到有问题的 CSS 代码。这是我认为出现问题的片段。

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { width:60px; float: left; text-align: center; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 5px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }

我还试图让链接(“链接 1”、“链接 2”和“链接 3”)周围的框位于产品链接下方，而不是像现在这样稍微靠右。

感谢任何帮助，因为这让我发疯!

谢谢大家

Answer 1

改变

#header UL {margin: 0 0 0 30px}

到

#header > UL {margin: 0 0 0 30px}

问题是您在#header 中为所有 UL 添加了 30px 的左边距，而您可能只需要它用于直接子级。也许与 #header LI 相同。