css - 边距后如何计算div宽度？

我正在响应式网站上工作，但遇到了问题。我有一个div容器，其宽度为100％，在其中有2 div的侧边栏和内容。边栏设置为40％宽，内容设置为60％。

现在，我想在它们之间留出25px的间隔，为此我使用了margin-left:25px;。

现在，以％为单位的内容的宽度是多少？或者有没有要计算的公式？

这就是我要做的-JSFIDDLE

最佳答案

您可以更改CSS以将calc用作宽度值，您想要减去px中的间隙量的1/2，然后将相同的量添加到相关边距中：

Demo Fiddle

.container {
    background:#ccc;
}
.sidebar {
    width:calc(40% - 12.5px);
    margin-right:12.5px;
    background:red;
    height:50px;
    float:left;
}
.content {
    width:calc(60% - 12.5px);
    margin-left:12.5px;
    background:green;
    height:50px;
    float:left;
}

关于css - 边距后如何计算div宽度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27290959/