设置高度和宽度的边距

Question

正如标题所示，我期望增加一个间隙，我知道我可以通过设置不同的宽度来实现这一点，但我希望使用边距来完成此操作。它只是不起作用，它推低股利（在jsfiddle只是不加边缘，因为高度：100％）。

这里有一个小提琴， https://jsfiddle.net/s31r2af4/

我怎样才能解决这个问题？ （编号overflow:auto）

Answer 1

试试这个：

.chat-holder{ 
    margin:10px; 
    height:calc(100% - 20px); 
    box-sizing:border-box; 
} 

.sidebar{ 
    width:50%; 
    height:500px; 
    background:purple; 
    overflow:overlay; 
} 

Answer 2

您可以在%中给予保证金。

更新小提琴这里：https://jsfiddle.net/s31r2af4/1/

Answer 3

只需用填充，而不是保证金

.chat-holder{ 
    padding: 10px; 
    height: 100%; 
    box-sizing: border-box; 
}