寬度自適應：就是元素的寬度根居裡面的內容來變化;
一、寬度自適應的元素水平置中：
1.寬度自適應的元素可以是：絕對位定、浮動元素、行內元素。而我們通常布局，肯定不會用行內元素，所以會選擇，絕對位置或浮動。
2.置中：這裡我們應該會想到1/2、50%、一半等這些東西。
中：黑色為body，深綠色需要在body中水平置中，並且寬度是自適應的。亮綠色，是一個多餘的DIV，就是為了讓深綠色的DIV水平置中。
以下是實現代碼：
pos元素的float:left或都用position:absolute;都可以，因為這兩個屬可以寬度自適應。
先這個多餘的DIV亮綠色，水平50%移動(移動，可以用margin-left 或者 left)
再讓其內容深綠色向右水平移動50%（只能用right屬性移動）;
那麼這個深綠色，就會在黑色的body裡置中了！
<body> <div class="pos"> <div class="boxA">測試用的內內容測測試用的內容</div> </div></body>
*{ margin:0; padding:0;}body{background:#000000;}.pos{float:left;margin-left:50%; background:#33CC33; padding:10px;}.boxA{position:relative;right:50%;background:#096;}
總結：外層的定位：需要是自適應寬度的;(float:left 或者 position:absolute;)
內層的位定：需要是自動100%寬度的（相對於外層100%）;
並且是可以移動出外層範圍的;
（所以只能用position:relative;別無選擇！）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
