<style>
	nav?{?height:?50px;?background:?#ccc;?}
	ul?{?display:?inline-block;?list-style:?none;?height:?inherit;line-height:?50px;}
	li?{?display:?inline-block;?height:?inherit;line-height:?50px;?}
</style>
<nav?style="height:?50px;">
	<ul>
		<li?style="float:?left">1</li>
		<--?ul下的li，如果是唯一的元素，并且定義了左浮動或者右浮動，那此ul元素后面的兄弟元素就會錯開半行的距離。死活也想不通其中的原因，還請各位大神指教。?-->
<!--?	<li>2</li>
		<li>3</li>
		<li?style="float:?right">4</li>?-->
	</ul>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
</nav>