绝对定位元素的左侧和顶部位置未设置

时间:2014-06-06 13:16:48

标签: html5 css3

ID logo 的元素位于 绝对 。默认情况下,使用绝对位置设置的元素的左侧和顶部位置应为0和0右..?但是这里发生了某种故障。谁能告诉我为什么会发生这种情况的确切原因..?

这就是我所拥有的,

HTML:

<body>
 <div id="header">
    <h1>
      <a href="homePage.html">jackalQuest</a>
    </h1>
    <ul>
      <li>Who the hell is Developer.?</li>
      <li>About the site</li>
    </ul>
 </div>
 <div id="logo" >
 </div>    
</body>

CSS:

#logo {
    position:absolute;
    width:100%;
    height:100%;
    background-color:red;
}

DEMO

1 个答案:

答案 0 :(得分:1)

#logo {
    position:absolute;
    width:100%;
    height:100%;
    background-color:red;
    top: 0px;
    left: 0px;
}