<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.wrapper{
width:100%;
overflow: hidden; //这是关键1,一方面可以清除浮动,一方面完成我们想要的效果
}
.box{
width: 250px;
margin-left: 20px;
float: left;
display: inline;
padding: 20px;
padding-bottom: 520px; <span style="font-family: Arial, Helvetica, sans-serif;">//这是关键2</span>
margin-bottom: -500px; <span style="font-family: Arial, Helvetica, sans-serif;">//这是关键2</span>
background: #89ac10;
}
</style>
</head>
<div class="wrapper">
<div class="box">
<h1>aaaaaa</h1>
<p>The two main constituent groups were the Allgemeine SS (General SS) and Waffen-SS (Armed SS). The Allgemeine SS was responsible for enforcing the racial policy of Nazi Germany and general policing, whereas the Waffen-SS</p>
<div class="bottom"></div>
</div>
<div class="box">
<h1>aaaaaa</h1>
<p>The two main constituent groups were the Allgemeine SS (General SS) and Waffen-SS (Armed SS). The Allgemeine SS was responsible for enforcing the racial policy of Nazi Germany and general policing, whereas the Waffen-SSconsisted of combat units of troops within Nazi Germany's military. A third component of the SS, the SS-Totenkopfverbände (SS-TV), ran the concentration camps and extermination camps. Additional subdivisions of the SS included the Gestapo and the Sicherheitsdienst (SD) organizations. They were tasked with the detection of act</p>
<div class="bottom"></div>
</div>
<div class="box">
<h1>aaaaaa</h1>
<p>The two main constituent groups were the Allgemeine SS (General SS) and Waffen-SS (Armed SS). The Allgemeine SS was responsible for enforcing the racial policy of Nazi Germany and general policing, whereas the Waffen-SS</p>
<div class="bottom"></div>
</div>
</div>
</body>
</html>
看到的一批好文章
http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/
此人的博客应该看完