我在标题中添加了 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%;
}
不幸的是,我没有发现这里的代码有任何问题。
最佳答案
添加这个
html,body{
height:100%; /* add this*/
}
#header{
position:absolute;
height:100%; /* add this*/
}
为什么需要这个? 因为 #image
有height
以百分比设置,在这种情况下,它将查看其父 div 的高度,即 #header
.....因此,如果您要以百分比形式使用它们,请设置所有元素的高度!
另一个错误:您提到了 <div id=header>
,应该是<div id="header">
(注意引述)
关于html - 未检测到 CSS 中的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20858209/