定位图像CSS DIV ID标记 我使用DIV ID标签在页面上放置图像，到目前为止，我已经在页面顶部排成四行，但是当我在左上角的图像下放置一个时，它正好在中间的图片下。我曾经使用过float:left和clear:left，但它们似乎都不起作用。我需要的id“事实”是下面的左上角的图像，这是“轻”任何帮助？？这是我到目前为止的代码-

HTML

---

您的CSS可以更简单，如下所示：

关于您的问题，您必须将

float

设置为

div

s而不是图像

通过CSS，您可以使用以下内容：

#facts{
    clear:left;
}

---

如果你的页面是动态的，你可以试试这段代码，每五个元素都应该在左边元素的下面

HTML

#light > img {
float:left;
height:447;
width:326;
margin-top:10px;
margin-left:8px;
margin-right:5px;
margin-bottom:5px;

}

#kiss > img {
height:252;
width:336;
margin-top:10px;
margin-bottom:5px;
margin-right:5px;
float:left;

} 

#keeper > img {
height:234;
width:333;
margin-top:10px;
margin-bottom:5px;
margin-right:5px;
float:left;
}

#photo > img {
height:301;
width:225;
margin-top:10px;
margin-bottom:5px; 
float:right;  
}

div{
    float:left;
    margin:10px 5px 5px;
}
#light{
    margin-left:8px;
}
#photo{
    float:right;
    margin-right:0;
}
#facts{
    clear:left;
}

#facts{
    clear:left;
}

<div><div id="light" class="img-class"><img src="harrypotter/harrylightening.png"/></div>
<div id="kiss"  class="img-class"><img src="harrypotter/ronkiss.png"/></div>
<div id="keeper" class="img-class"><img src="harrypotter/keeper.jpg"/></div>
<div id="photo" class="img-class"><img src="harrypotter/photo.jpg"/></div>
<div id="facts" class="img-class"><img src="harrypotter/facts.jpg"/></div></div>

.img-class {float:left;width:100px;height:100px;margin-bottom:15px;padding:0 10px;}.img-class:nth-child(5)  {clear:left;}