無商不雅

研究許久，整理出三種左右置中的方式:
請先注意 ，大div包小div時，我大小div從不設高度heigh的，
因為設高度heigh根本沒意義，因為資料是多是少根本事先不知道，
以下的作法都不用替div設高度的。

第一種:

大div包小div時，小div不要設寬度，但是在大div設padding-left、padding-righ，

這樣裡面小div就會自動左右置中了。

第二種:

大div包小div時，

大div直接設margen: 0 auto, 會讓大div先對「body」來置中。

小div直接設margen: 0 auto,小div會對大dvi置中。
重點是後面的auto。

第三種:

用position:relative來設，此法有許多要小地方要留意。
大div先設寬度(%或px都可)，小div則定須用%來設寬度;

然後在小div中設position:relative，再接設left與right的數值都

設一樣，就達到左右置中囉。
第三種附上範例:
 

<div style="border:2px solid #eee;
margin:0 auto;
width:400px;
background:#FFA;">

 <div style="border:2px solid #eee;
 background:#D47FFF;
 position:relative;
 width:80%;
 top:30px;
 left:10%;
 right:10%;
 ">
 <P>123456</P>
  <P>123456</P>
  <P>123456</P>
  </div>
</div>