dolgusu extraspaces alıyor, div'umun bootstrap div'inin

Question

gibi hareket etmesini istiyorum. Dört div yaptık, her biri% 25 ve sola baktım.

<div class="container"> 
    <div class="abc"> 
    </div> 
    <div class="abc"> 
    </div> 
    <div class="abc"> 
    </div> 
    <div class="abc"> 
    </div> 
</div> 

.container { 
    width: 100%; 
    height: auto; 
} 
.abc { 
    width: 25%; 
    float: left; 
    padding: 15px; 
} 

: Bunları div her birine dolgu verirken bu div her aşağıda verilen% 25 daha fazladan boşluk alıyor çünkü artık son div üst üste içinde bulunan ve aşağı hareket eder edilemez

ama bootstrap div'larına baktığımda, col-lg-4 div'inde söyleyelim. col-lg-4 div,% 33.33'tür ve aynı zamanda sol ve sağda 15px'lik bir dolguya sahiptir ve yine aynı satırda yer alır. Divs'ların aynı şekilde davranmasını istiyorum. ben burada neyi özlüyorum

Answer 1

.abc divs üzerinde box-sizing: border-box; kullanın. Bu, genişlik (ve yükseklik) hesaplamasının kenarlık ve dolgu dahil edilmesine neden olur.