已采纳回答 / Csunnnnn
浮动元素如果不定量设置宽高，则其宽高属性默认为0值。如果不设定宽高的浮动元素里面有子内容，例如你代码中的文本right，则浮动元素的宽高由文本right的宽高决定。所以设置了浮动属性的元素是无法自适应的，必须取消其浮动属性。你可以试着把你代码中的height:100%去掉，就会发现.right这个块缩到了.main的右上角。但要注意的是，如果把浮动属性去掉，那么.right就会是一个子块，会占满整个.main块，因为这个时候你设置的高度是100%，同父级块，而块元素是要单独占一行的。于是.left块就会被...
2016-03-18
最赞回答 / Original121
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px; background:#ccc}.main{height:960px;background:red}.left{width:40%;height:960px;background:blue;float:left}.right{width:57%;height:960px;background:green;...
2016-03-17
.top{background-color:#ccc;height:50px;}
.main{height:200px;background-color:red;position:relative;}
.left{ position:absolute;width:200px;top:0px;left:0px;background-color:blue;height:200px;}
.right{margin-left:210px;background-color:green;height:200px;}
.foot{height:50px;background-color:orange;}
.main{height:200px;background-color:red;position:relative;}
.left{ position:absolute;width:200px;top:0px;left:0px;background-color:blue;height:200px;}
.right{margin-left:210px;background-color:green;height:200px;}
.foot{height:50px;background-color:orange;}
最新回答 / Geminihope
如果你想设置main的具体宽度，则大于等于left和right的宽度。大于left和right可以显示middle，如果是等于则left和right所在的那一行就无法显示middle。如果middle的高度大于left和right，则下方可以显示
2016-03-17