Html CSS上的动态网格 左一 右键 左二 右二 .leftx{ 浮动：左； 宽度：50%； } .rightx{ 浮动：左； 宽度：50%； }

您好，上面的代码输出如下图所示，我需要的是，即使右侧或左侧有

，另一侧也不会受到影响

例如，左一个和左二个之间应该没有中断空间。它应该是动态的。谢谢

示例：

---

您可以使用css clear，这样您的代码就可以

<div class="leftx">left one</div> 
<div class="rightx">right one<br><br><br></div> 
<div class="leftx">left two</div> 
<div class="rightx">right two</div> 


 .leftx{ 
float:left;
width:50%;
}

.rightx{
float:left; 
width:50%;
} 

可以在这里看到：

.leftx {
float:left;    
clear: left;
width:50%;
}

.rightx {
float:right;
clear: right;
width:50%;
}