我有 2 个问题,但在第一个问题得到纠正之前,无法解决第二个问题。该页面正在按预期查看和工作,但是当我开始工作并开始处理该页面时,它似乎已损坏。我在两个位置都使用相同的浏览器。
问题是 div 的背景设置为自动,就像我在同一页面上的所有其他 div 一样,但最后一个由于某种原因没有跨越到图像的底部。 http://i.imgur.com/9DJa3Fp.png?1
<div class="items">
<h2><a name="friday"><a href="#">Friday catch of the day:</a></a></h2>
<img src="images/catch.png" align="right" alt="Sage-rubbed Double-cut Pork Chop" />
<p><span class="title">Alaskan Halibut with a Rich Loire Valley Beurre Blanc Sauce</span> - served with mashed purple Peruvian potatoes and haricot verts.</p>
<p><span class="title">Recommended pairing:</span> '98 Passi Emilio Vineyards Sauvignon Blanc</p>
</div>
CSS
.items {
margin: 20px;
height: auto;
width: 910px;
background-color: rgba(0, 0, 0, .7);
padding: 10px;
z-index: 1;
}
.items img {
float: left;
margin-right: 10px;
float: right;
border-radius: 6px;
width: auto;
padding: 8px;
background-color: #FFFFFF;
}
.items p {
font-family: 'PT Sans';
font-size: 16px;
}
.items a {
color: #FFFFFF;
text-decoration: none;
}