无序列表菜单无法正确定位+无法将无序列表中的列表项居中

  • 本文关键字:列表 无序 菜单 定位 html css
  • 更新时间 :
  • 英文 :


看看下面的小提琴:

小提琴:http://jsfiddle.net/TE8hD/

你可以看到我的问题:

  • <ul>内的列表项没有居中,左边有很大的空白,而右边没有空白。

  • 此外,<ul>本身不能按我想要的方式正确定位。我希望它的右距为200px,下距为0px。然而,当我尝试这样做时,我只能让right属性工作。

我一直在试图修复这个在过去的2小时,改变一切从位置,浮动,显示,边距,填充等。似乎没有什么能解决这个问题,如果我能得到一些帮助来解决这个问题,我会很高兴的。

添加:

padding: 0;
margin: 0;

到你的。dropdown类。

并且考虑实现reset.css文件,该文件通常会重置许多元素的边距,填充和其他属性,以便在创建CSS时有一个空白的石板。

而且,你似乎对position: relative和position: absolute的作用缺乏理解。对此做些调查。但是如果你想让你的UL绝对定位在包含它的元素(.header)的底部,那么。header需要有position: relative和。dropdown需要position: absolute;

小提琴:http://jsfiddle.net/TE8hD/2/

最新更新