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塊會下拉很多,顯示不正常,如圖所示
2016-08-15
改成float:left;就行了