未检测到CSS中的高度

Question

我在我的标题中添加了一个CSS但是剩下的唯一缺陷就是手机没有检测到身高属性。

以下是我将我的标题与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

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

另一个错误：您提到#header，它应该是<div id=header>（通知引号）

Answer 2

您可以这样做，并将标题和正文内容分开。

<div id="header">
</div>
<div id="content">
    <img src="something" id="image">
</div>