<div style="height: 80px; width: 400px; border:1px solid red; ">

<div style=" height: 50px; width: 200px; border:1px solid blue; margin: 14px auto;" >

</div>

</div>

<div?style="height:?80;?width:?400;?border:?solid?red;?">			<div?style="?height:?50;?width:?200;?margin-top:?14;?margin-bottom:?14;?margin-right:?99;?margin-left:99;border:1px?solid?blue?"?>							</div>		</div>

對，但是有兩個地方做的不好：首先99+1+99+1+200=400px，所以當margin-left=99px時，margin-right必定也是99px，這時候margin-right: 99; margin-left:99;重復了，代碼不夠精簡；第二定義盒子的位置時是按左上右下的順序開始定義的，而你的代碼?margin-top: 14; margin-bottom: 14; margin-right: 99; margin-left:99;是上下右左。這里推薦一本書《代碼簡潔之道》，因為一個合格的程序猿，不僅要會寫代碼，還讓代碼簡潔，規范，有可讀性。