Question

任何人都可以帮我调整我的两个div吗？我做错了什么？我有两个内联块作为我的div并且我试图将它们并排放置在元素的最高点。

<body>
    <ul id="navbar">
        <li><a href="#skills">Skills</a></li>
        <li><a href="#work">Work</a></li>
        <li><a href="#contact">Contact</a><li>
    </ul>

    <div id="intro">
        <p>HELLO</p>
    </div>

的CSS：

#navbar {
display:inline-block;
margin-left:25%;
list-style-type:none;
vertical-align:top;
width:12%;
    }

#intro {
display:inline-block;
width:40%;
vertical-align:top;
}

Answer 1

向两个ID添加margin-top: 0或任何其他首选尺寸（即margin-top: 20px;）。

实施例。 http://jsfiddle.net/K9K2X/6/

Answer 2

<ul id="navbar">
 <li><a href="#skills">Skills</a></li>
 <li><a href="#work">Work</a></li>
 <li><a href="#contact">Contact</a></li> <!-- Forgot to close the element -->
</ul>

#navbar li{
    display:inline-block;
    margin-left:25%;
    list-style-type:none;
    vertical-align:top;
    width:12%;
}

这些链接现在是并排的。

http://jsfiddle.net/K9K2X/8/

垂直对齐顶部两个div无法正常工作

2 个答案: