html - div 内的边框 div 不考虑大小

Question

我在另一个 div 中有一个 div。第二个 div 仅通过带有悬停的 jquery 函数显示。

但是我在使用第二个 div 边框时遇到了一些问题。不像第一个 div 那样显示完整。

这是我的 CSS。

第一个分区:

#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。