關於高度自適應

<div class="noin">
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;float：left">
		dsd
	</div>
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;float:right;display:inline-block">
		dsd	
	</div>
</div> 

這樣能夠的結果是noin的div高度爲0 了，仔細思考一下，爲何它的高度會是0呢？不是應該高度自適應嗎?他的高度應該是被裏面的元素撐大的啊。

原來是這個緣由，noin1的兩個div分別用到了float屬性，這個屬性致使它們脫離了文檔流，不在noin這個div裏面了，因此noin就裏至關於沒有元素，也就沒有了高度，之前的方法是

<div class="noin">
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;float：left">
		dsd
	</div>
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;float:right;display:inline-block">
		dsd	
	</div>
<br style="clear:botn"/>
</div>

清楚浮動後就能夠高度自適應了，可是這樣的缺點是多了個無心義的標籤

我以爲能夠這樣改一下會不會好一點，但願多提意見

<div class="noin">
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;display:inline-block">
		dsd
	</div>
	<div class="noin1"  style="height:100px;width:100px;border:1px solid #000;float:right;display:inline-block">
		dsd	
	</div>
</div>

這樣也能夠實現相同的效果，可是也有缺點就是，display:inline-block不支持IE6和IE7，確實有點蛋疼，可是真的不想再作兼容ie6,7的網站了