我正在使用具有相对和绝对定位以及百分比的页面。 HTML & Body 设置为 100%，容器 div 是相对的，内部 div 是绝对的。我为容器 div 设置的背景图像没有填满页面 - 为什么？提前致谢!
这是我得到的:
<style type="text/css">
html, body {
width:100%;
height:100%;}
.container {
width:1000px;
height:100%;
background-image:url('background.jpg');
position: relative;
margin-left:auto;
margin-right:auto;
}
.header {
width:1000px;
height:300px;
background-color:#ffffff;
position: absolute;
top:0px;
left:0px;
}
.content {
width: 680px;
position:absolute;
top: 350px;
left: 310px;
}
.post {
width: 630px;
padding: 20px;
padding-top: 50px;
}
.title {
width: 650px;
height: 20px;
padding: 10px;
position: absolute; left: -10px; top: 10px;
}
</style>
<body>
<div class="container">
<div class="header">
Placeholder for header image.
<p><a href="index.html">Home</a></p>
</div>
<div class="content">
<div class="post">
<div class="title">Welcome</div>
<img src="PLACEHOLDER.JPG" alt="Proposal Photo" width="630" />
</div>
</div>
</div>
最佳答案
试试这个
.container {
width:1000px;
height:100%;
background-image:url('background.jpg') no-repeat;
position: relative;
margin-left:auto;
margin-right:auto;
background-size:100%
}
关于css - 容器 div 中的背景不是 100%，具有相对绝对定位和百分比，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17748254/