CSS上的动态网格

Question

<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%;
} 

嗨，上面的代码输出如下图所示，我需要的是，即使右侧或左侧有<br>，另一侧也不应受到影响。

例如，左边和左边两个之间应该没有间隔。它应该是动态的。谢谢

示例：

Answer 1

您可以使用css clear，以便您的代码变为

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

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

可以在这里看到：http://jsfiddle.net/YphGr/