一個大divl裡三個小div水平均勻分佈
阿新 • • 發佈：2019-01-24
效果圖：
程式碼：
css程式碼：
.mainDiv {
float: left;
margin-left: 10%;
width: 80%;
margin-top: 2%;
height: 200px;
background-color: #FFEBCD;
}
.viceDiv_1,.viceDiv_2,.viceDiv_3 {
float: left;
background-color: #7FFFD4;
margin-top: 2% ;
margin-left: 2.5%;
width: 30 html程式碼：
<body>
<div class="mainDiv">
<div class="viceDiv_1">
</div>
<div class="viceDiv_2">
</div>
<div class="viceDiv_3">
</div>
</div 要點：想好一行的div個數以及間隔寬度，然後通過簡單計算得出每個小div佔據的寬度百分比和div之間的間隔所佔的百分比；
如此例中，共三個div，四個間隔，故每個div寬度佔30%，間隔共佔10%，每個間隔為2.5%；
注意：這種平均分佈的問題一般用百分比形式的設定比較好；
個人淺見，如有謬誤，望指正；