left的height设置为px还是100%的区别?
.main{background:#f00;height:500px;}
.left{width:200px;height:500px;background:blue;position:absolute;top:100px;}
.right{height:100%;margin-left:210px;background:green;}
如上代码,如果把left的height设为与main相同的height,用px表示,则会显示正常,如果把left的样式改为如下:
.left{width:200px;height:100%;background:blue;position:absolute;top:100px;}
即把height:500px改为height:100%,则left块会下拉很多,显示不正常,如图所示