高度100％，填充底部不起作用

Question

我有以下 -  一个宽度为100％的div，高度：100％，  div内的svg，宽度：100％，高度：100％（默认情况下）

我将填充应用于div。左，右和顶部填充工作但底部没有任何想法？

http://codepen.io/BradLee/pen/EKerpY

.toolTip:hover > span:first-child {
    color: rgba(0,0,0,.08);
}

Answer 1

将“overflow-y：scroll;”添加到div css中，svg height超过视口高度，因此您需要滚动才能查看底部区域。

Answer 2

你可以申请身高：100％;宽度：100％;在svg：

svg {
  background-color: lightblue;
  height: 100%;
  width: 100%;
}