如何讓所有子div尊重父母的固定大小？

因爲我發現孩子絕對不會尊重父母的固定身材，這一直在纏着我，好像瘟疫一樣。如何讓所有子div尊重父母的固定大小？

#parent{ 
height: 100%; 
max-height: 100%; 
min-height: 100%; 
width: 100%; 
max-width: 100%; 
min-width: 100%; 
} 

#child{ 
height:100%; 
width: 100%; 
border: 1px solid black; 
}

這實在是煩人，我必須使用calc(100% - 2px)只包括邊框的大小，以便它實際上適合它的父。對每個孩子。

所以我的問題是，是否有解決方法，或者我只需要繼續使用calc在每一個單一的（注意我有10-21兒童在一個div）其中一個？但我主要需要的是一種代碼，它會迫使父母中的所有孩子尊重其規模。

來源

2017-02-27 Arkonsol

您是否也可以分享您的html代碼的一部分，使其更清晰？ – Sim

請理解我沒有使用Veiwport。因爲我已經知道如何做到這一點。而@Sim，就像它可以得到兄弟一樣簡單。父母的孩子。而已。 – Arkonsol

對孩子使用box-sizing: border-box。這包括寬度/高度的邊框

來源

2017-02-27 16:54:36 Johannes

謝謝老兄。我有很多不同的邊框尺寸，所以是...燒了我的頭XD – Arkonsol

如何讓所有子div尊重父母的固定大小？

回答

相關問題