設置高度和寬度的邊距

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; 
}