当窗口很小时，移除两个div之间的垂直间隙

Question

我在我的网站上使用float div结构。在一种情况下，我有两个div之间的垂直空间问题。我工作过，但没有找到解决方案。所以可以用最小的努力。 Fiddle

<div style="float:left; width:200px; background:#ff0000; height:300px; margin-right:10px">1</div>

<div style="float:left; width:200px; background:#ff0000; height:400px">2</div>

<div style="float:left; width:200px; background:#ff0000; height:300px;">3</div>

Answer 1

删除div的 margin-right：10px css属性

Answer 2

<style>
html,body{margin:0px; padding:0px}
</style>
</head>
<div style="float:left; width:200px; background:#ff0000; height:300px;">1</div>
<div style="float:left; width:200px; background:#ff0000; height:400px">2</div>
<div style="float:left; width:200px; background:#ff0000; height:300px;">3</div>

使用此代码。

Answer 3

只需执行以下操作即可。添加margin-top:-80px;

<强> FIDDLE DEMO

 <div style="float:left; width:200px; background:#ff0000; height:300px;margin-top:-80px;">3</div>

希望我理解你。