当我尝试相对于文档定位此 div(用作图像)时，它不会显示，但是如果我定位它:绝对有效，有什么办法解决这个问题吗？
#headr {
background-image:url(../images/top%20bg.jpg);
height:50%;
width:100%;
position:relative;
}
<body>
<div id="headr">
</div>
最佳答案
如果你想在其中定位一些相对的东西，你必须添加 position: relative; 到 body。仅当父容器是相对定位、固定定位或绝对定位(默认情况下不是静态的)时，相对定位才有效。
关于CSS 位置对象相对于文档，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20111999/