无序列表菜单无法正确定位+无法将列表项置于无序列表中心

时间:2014-05-21 15:59:32

标签: html css

看看下面的小提琴:

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

在其中您可以看到我的问题:

  • <ul>中的列表项目没有居中,因为左边有一个很大的边距,而右边没有任何间隙。

  • <ul>本身也无法按照我想要的方式正确定位。我希望它从右边是200px,从底部是0px。但是,当我尝试这个时,我只能使right属性起作用。

在过去的2个小时里,我一直试图解决这个问题,从位置,浮动,显示,边距,填充等方面改变一切。似乎没有什么可以解决的问题,如果我能得到一些帮助来解决这个问题,那么让我的一天。

1 个答案:

答案 0 :(得分:0)

添加:

padding: 0;
margin: 0;

到.dropdown课程。

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

另外,你似乎缺乏对什么位置的理解:相对和位置:绝对的。做一些研究。但是如果你希望你的UL绝对位于其包含元素(.header)的底部,那么.header需要有位置:relative和.dropdown需要position:absolute;

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