Html 在绝对定位元素之间垂直对齐

Html 在绝对定位元素之间垂直对齐,html,css,Html,Css,我试图对齐相对于容器元素绝对定位的两个元素,但我不明白为什么在应用相同的顶部值时,其中一个元素(ul)会稍微向下一点。你可以现场观看 我有以下HTML: <div id="header"> <div class="inner"> <span id="logo_description"> Description comes here </span> <ul id="user_menu">

我试图对齐相对于容器元素绝对定位的两个元素,但我不明白为什么在应用相同的顶部值时,其中一个元素(ul)会稍微向下一点。你可以现场观看

我有以下HTML:

<div id="header">
    <div class="inner">
        <span id="logo_description"> Description comes here </span>
        <ul id="user_menu">
            <strong>name</strong> | 
            <a href="#"> Account </a> |
            Language
            <select> 
                <option> Option1 </option>
                <option> Option2 </option>
            </select>                
        </ul>
    </div>
</div>

您的浏览器可能正在向ul元素添加额外的填充。 mozilla为此臭名昭著

检查滤芯以检查有无填料

例如,这将从chrome中删除默认填充

-webkit-padding-start:0px;

您的浏览器可能正在向ul元素添加额外的填充。 mozilla为此臭名昭著

检查滤芯以检查有无填料

例如,这将从chrome中删除默认填充

-webkit-padding-start:0px;