请参阅下面的HTML：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html, body
{
padding: 0;
margin: 0;
width: 100%;
height: 100%;
border: 1px solid red;
}
#MainDiv
{
width: 100%;
min-height: 200px;
height: auto;
border: 1px solid blue;
}
#Contents
{
width: 500px;
margin: 0 auto;
min-height: 100px;
height: auto;
border: 1px solid green;
}
#RContents
{
float: right;
width: 200px;
min-height: 50px;
height: auto;
border: 1px solid pink;
}
#LContents
{
float: right;
width: 200px;
min-height: 50px;
height: auto;
border: 1px solid yellow;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="MainDiv">
<div id="Contents">
<div id="RContents">
Right Contents
</div>
<div id="LContents">
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
Left Contents
<br />
</div>
</div>
</div>
</form>
</body>
</html>
这个JSFiddle链接：
jsfiddle
浮动和高度之间的问题是什么：在我的例子中是100%的？
如何强制body、MainDiv和Contents div与LContents div一起增长？
min-height s are so important提前谢谢
最佳答案
这样地：
http://jsfiddle.net/9TLFM/
我用clear清除了漂浮物
从身体上取下宽度和高度