div内的边界div不尊重尺寸

Question

我在其他div中有一个div。第二个div是showend，只有jquery函数和hover。

但是我遇到了第二个div边界问题。没有像第一个div那样显示完整。

这是我的css。

第一个div：

#featuresFirst #featuresLeft {
     float: left;
     width: 66%;
     height: 100%;
     background-color: yellow;
     margin-right: 5px;
     margin-left: 5px;
}

第二个div：

.featuresInfo {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #6000ff;
}

FIDDLE

Answer 1

添加：

box-sizing: border-box;

同时为#featuresFirst #featuresLeft和.featuresInfo。