如何让所有子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)其中一个?但我主要需要的是一种代码,它会迫使父母中的所有孩子尊重其规模。

+2

您是否也可以分享您的html代码的一部分,使其更清晰? – Sim

+0

请理解我没有使用Veiwport。因为我已经知道如何做到这一点。而@Sim,就像它可以得到兄弟一样简单。父母的孩子。而已。 – Arkonsol

对孩子使用box-sizing: border-box。这包括宽度/高度的边框

+0

谢谢老兄。我有很多不同的边框尺寸,所以是...烧了我的头XD – Arkonsol