给不可用的div提供相同的填充百分比

Question

我有一个网站的架构，我想根据两个div（A和B）设置相同的填充百分比，但是他们没有父母和兄弟姐妹，有没有办法这样做？

row
|-col-md-3
|   |-div A
|
|-col-md-9
    |-row
       |-col-md-1
           |-div B

我试图将height: 100%提供给他们的每个父级div，以便它允许div A和​​div B具有相同的高度，但最后padding％总是不同的我错过了什么吗？

Answer 1

在@CBroe的注释之后挖掘了一些视口单元，我知道它应用了一个基于视口高度和宽度的值，无论父div的高度I updated the plunker是什么评论来说明这一切是什么。

.custom-padding {
  padding-top: 8vh; // This can be applied to every part of your website in which you want to set a padding, ignoring heights and widths compared to percentages and pixels
}