如果想使用百分比想生效 1、先給它<span style="color:blue;">父</span>容器的width:100%; 2、然后在設置<span style="color:blue;">子</span>元素的width:50%才會生效 >[info] http://www.w3school.com.cn/cssref/index.asp //參考文檔，注釋括號里的是，官方文檔復制的 > ``` css <!--尺寸相關 寬高間距等--> width:33.3%; <!--寬--> height: 250px; <!--高--> top:50%; <!--上邊和其他元素的距離（定位元素的上外邊距邊界與其包含塊上邊界之間的偏移）--> left: 50%; <!----> <!--內外邊距規律都是：上右下左--> margin：2cm 4cm 3cm 4cm <!--外邊距--> Padding：10px 5px 15px 20px; <!--內邊距--> <!--元素相關 隱藏、浮動、定位等--> overflow: hidden; <!--當內容溢出元素框：隱藏--> float: left; <!--浮動：左--> clear:both; <!--清除浮動（元素的哪一側不允許其他浮動元素）--> background: #0E774A;<!--背景顏色--> border-radius: 2px; <!--圓角邊框--> border: 1px solid #d6d6d6; <!--邊框--> display:block; <!--顯示/隱藏（應該生成的框的類型）可選值：none --> position: relative; <!--相對定位--> transform: translateX(-50%)translateY(-50%); <!--圖片同等比例縮放（2D 或 3D 轉換）--> <!--文字相關 顏色、位置等--> line-height: 38px; <!--行高--> text-align: center; <!--元素中的文本：居中--> font-size：100%； <!--字體大小--> font-weight：bold； <!--字體加粗--> color <!--文本顏色--> text-overflow <!--文本溢出包含元素時發生的事情--> <!--特殊的--> box-sizing: border-box; <!--并排放置多個框（以特定的方式定義 匹配 某個區域的特定元素）。要配合width才能出效果。--> ```