Css 调整divs和ul 我需要菜单（首页、文件夹、服务等）在中、左对齐。 div#头登录应该是正确的

我怎样才能完成这些任务

为了解决第一个问题，我将div与display放在一起：inline；但出于某种原因，ul标题菜单在顶部留下了一个空白

为了解决第二个问题，我尝试将div#头登录设置为100%宽度，从而将文本向右对齐，但失败了

完整的代码是：

这是交易：

div#header
{
    clear:both;
    overflow:hidden;
}
div#header-login
{
    text-align: right;
    overflow:hidden;
    float:right;
    margin-top:-30px;
}
img#header-logo
{
    display: block;
    float:left;
}

ul#header-menu
{
    margin: 0 auto;
    padding: 15px;
    display: block;
    list-style-type: none;
    overflow:hidden;
}

---

实现这一点的最简单方法是确保在标题中浮动所有内容。由于当前混合了一些浮点和一些非浮点（加上一些带有display:inline的元素），这将很难管理，如果您需要在旧版本的Internet Explorer中使用它，则可能会出现问题

我对您的JSFIDLE做了一些小修改。现在，这将浮动标头中的3个元素，并将浮动清除应用于标头div本身，以便标头后的内容正确清除（还有一些注释示例说明了如何为具有条件样式表的IE执行此操作）

---

我没有特别调整间距，但现在应该是一种形式，用一些填充和/或边距将所有内容放置在您想要的位置。在这种情况下，除非您使用的是display:table单元格（不完全跨浏览器），否则无法进行自动垂直定位，因此您只需垂直向下偏移菜单，使其居中对齐。

有一些方法不使用页边距顶部：-30px；？我注意到ul#header菜单位于页面底部，div#header登录在上面是可能的。请注意，我没有给菜单UL任何宽度，这就是为什么它占据了右边的所有宽度。但是，如果您指定的宽度为70%，则无需设置顶部边距。