看看下面的小提琴:
小提琴: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/