настройка высоты ведра 100% дает странный результат?

Question

У меня есть три дочерних div (размещенных рядом с каждым otehr) в одном погружении. Первый дочерний div имеет в нем некоторый контент и растягивается в соответствии с его длиной содержимого. Остальные два дочерних div не имеют в них контента, и я хочу, чтобы они имели такую ​​же высоту, как и первый дочерний div.

После прочтения статей в сети я установил высоту = 100% html, body, parent и second & третий дочерний div. Теперь, когда я проверяю браузер, высота html, body и child divs превышает высоту первого дочернего div в обычном представлении. И если я открою окно элемента инспекции, высота html, body и child divs будет меньше, чем первый дочерний div. Граница разницы высоты в обоих направлениях составляет около 30%.

Я использую каркас скелета. Пожалуйста помоги.

< ------- код добавлен ниже ------->

Я добавил следующие строки в CSS: макет

html { 
    height: 100%; 
} 

body { 
    height: 100%; 
} 

.main { <!--class name applied to container or parent div --> 
    height: 100%; 
} 

.first-child, .second-child, .third-child { <!--class name given two three divs from left to right--> 
    height: 100%; 
} 

Помимо этого, я добавил соответствующие имена классов к соответствующим divs в html.

Answer 1

Элемент контрольный элемент уменьшает размер окна браузера. Поскольку вы используете процент окна в качестве высоты, вы изменяете 2-й и 3-й divs, а также html, body и parent; но не первый дочерний div.