CSS左浮动和位置元素

我对float left有问题，我使用大小为900px的容器widt，内部有用于按行显示4个元素的元素，结构没有问题，但是如果我在一个元素中使用不同的高度，在no show right下的元素，我将css放在

<style>

#container
{
position:relative;
width:900px;
min-height:150px;
height:auto;
margin:auto;
overflow:hidden;    
}


#elements
{
float:left;
width:170px;
min-height:150px;
height:auto;
background-color:red;
margin-right:5px;
margin-bottom:5px;  
}



</style>


<div id="container">

<div id="elements">element inside<br>element inside<br>element inside<br>element inside<br>element inside<br>element inside<br>element inside<br>element inside<br>element inside<br></div>
<div id="elements"></div>
<div id="elements"></div>
<div id="elements"></div>
<div id="elements"></div>
<div id="elements"></div>


</div>

#容器
{
位置：相对位置；
宽度：900px；
最小高度：150px；
高度：自动；
保证金：自动；
溢出：隐藏；
}
#元素
{
浮动：左；
宽度：170px；
最小高度：150px；
高度：自动；
背景色：红色；
右边距：5px；
边缘底部：5px；
}
元素内部
元素内部
元素内部
元素内部
元素内部
元素内部
元素内部
元素内部
元素内部
元素内部

---

您可以在

中看到，当您使用带有固定宽度框的设置宽度容器时，您可以使用以下样式来解决问题：

.elements:nth-child(5n+1)
{
    clear:left;
}

---

请注意，我已将您的ID更改为类，因为ID应该是唯一的

由于您使用的是带有固定宽度框的设置宽度容器，您可以使用以下样式来解决问题：

.elements:nth-child(5n+1)
{
    clear:left;
}

---

请注意，我已将您的ID更改为类，因为ID应该是唯一的

首先，每页只允许使用一次ID名称。我建议您将#elements更改为.elements，改用类。容器的宽度为900像素，而每个div#元素的总和为1050px

#container
{
position:relative;
width:925px;
min-height:150px;
height:auto;
margin:auto;
overflow:hidden;    
}


.elements
{
float:left;
width:150px;
min-height:150px;
height:auto;
background-color:red;
margin-right:5px;
margin-bottom:5px;  
}

.elements:last-child{
margin-right:0;
}

---

首先，每个页面只允许使用一次ID名称。我建议您将#elements更改为.elements，改用类。容器的宽度为900像素，而每个div#元素的总和为1050px

#container
{
position:relative;
width:925px;
min-height:150px;
height:auto;
margin:auto;
overflow:hidden;    
}


.elements
{
float:left;
width:150px;
min-height:150px;
height:auto;
background-color:red;
margin-right:5px;
margin-bottom:5px;  
}

.elements:last-child{
margin-right:0;
}

---

不要使用相同的id。改用类。不要使用相同的id。改用类。@Pete为什么不使用

。元素：第n个子（6）

+1@Alek如果它们的行数超过2行，那么vs@user3765800在所有现代浏览器中都适用，但在ie8或IE中则不适用earlier@Pete为什么不使用

。元素：第n个子元素（6）

+1@Alek如果它们的行数超过2，那么vs@user3765800可以在所有现代浏览器中使用，但不能在ie8或更早版本中使用