看看下面的 fiddle :
fiddle :http://jsfiddle.net/TE8hD/
在里面你可以看到我的问题:
<ul>
中的列表项没有居中,因为左边有很大的边距,而右边根本没有间隙。还有
<ul>
本身不能按照我想要的方式正确定位。我希望它距离右边 200px,距离底部 0px。然而,当我尝试这个时,我只能得到right
属性(property)工作。
在过去的 2 个小时里,我一直在尝试解决这个问题,更改位置、 float 、显示、边距、填充等所有内容。似乎没有什么能解决这个问题,如果我能得到一些帮助来解决这个问题,它会让我的天。
最佳答案
添加:
padding: 0;
margin: 0;
到你的 .dropdown 类。
并考虑实现一个 reset.css 文件,该文件通常会重置许多元素的边距、填充和其他属性,以便您在创建 CSS 时一无所有。
此外,您似乎不了解 position: relative 和 position: absolute 做什么。对此做一些研究。但是,如果您希望 UL 绝对定位在其包含元素 (.header) 的底部,则 .header 需要具有 position: relative 并且 .dropdown 需要 position: absolute;
fiddle :http://jsfiddle.net/TE8hD/2/
关于html - 无序列表菜单无法正确定位 + 无法使无序列表中的列表项居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23788321/