html - 未检测到 CSS 中的高度

Question

我在标题中添加了 CSS，但唯一的缺陷是手机未检测到高度属性。

这是我如何将我的 header 与 css 链接起来。

<div id="header">
 <img src="image/s1.jpg" name="slide" id="image">
</div>

这是我的 CSS。

#header{
 position:absolute;    
}

#image{
 position:relative;
 margin-top:5%;
 height:50%;
}

不幸的是，我没有发现这里的代码有任何问题。

Answer 1

添加这个

html,body{
   height:100%; /* add this*/
}
#header{
  position:absolute;    
  height:100%; /* add this*/
}

see demo here

为什么需要这个？ 因为 #image有height以百分比设置，在这种情况下，它将查看其父 div 的高度，即 #header .....因此，如果您要以百分比形式使用它们，请设置所有元素的高度!

另一个错误:您提到了 <div id=header> ，应该是<div id="header"> (注意引述)