javascript - 使 div 比它所在的 div 小 30px

Question

我在另一个 div 中有一个 div。外部 div 有一个百分比宽度（80%），我希望内部 div 的宽度比外部 div 的宽度小 30px。我该怎么做呢？我假设我需要使用javascript？提前致谢。

Answer 1

使用边距：

​<div style="width:80%;"> 
    <div style="margin-left:15px;margin-right:15px;"> inner </div>
</div>​​​​​​​​​​​​​

示范

Answer 2

@dystroy 有一个很好的答案，尽管它缺乏动态定制。

我的看法，使用 CSS 变量。

你必须做这样的事情：

#parent-div
{
    var-width: 100px; /* Or something else? */
    //Notice that though the attribute is named var-width, the browser will
    //treat it as width and will use the `var-` prefix as directive
    //so that the calculations can be performed by using it as variable.
}
#child-div
{
    width: calc(var(width) - 30);
}

这将使 CSS 计算孩子的宽度。

更多关于这个，在这里。