html - 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/