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

标签 html css

看看下面的 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/

相关文章:

javascript - 我如何使用子节点正确实现 onclick 以使 div 消失?

CSS:<div> 元素中的中心元素

css - 我可以只用 Css 实现吗?

css - Woocommerce 没有使用子主题 CSS

html - 表格文本悬停和链接颜色

html - 如何将文本放在图案叠加层 CSS 之上

php - sifr 在浏览器中不工作,但可以在 Dreamweaver 预览中看到它

html - 页面内的 Jekyll 链接

javascript - 对数组进行字符串搜索不会返回任何结果

javascript - JQuery CSS : I need to add a css style class to my button in the table.