使用css为元素添加宽度

Question

我有一堆课程，这里有3个例子：

.col-1-3{
    width:calc(100%/(3/1));
}
.col-2-3{
    width:calc(100%/(3/2));
}
.col-1{
    width:100%;
}

（所有这些都是内联块和位置相对，如果该信息可能有用....）

现在，如果应用了任何这些类的元素，也应用了另一个类，我们称之为'batman'，我需要元素在宽度上增长30px。

没有触及我的.col- *类的每个人，并且在那里添加30px，有没有！添加到元素宽度的其他方法？参见示例伪代码：

.batman{
    add-to-width:30px;
}

我想的可能是：之前和/或之后。添加一个伪元素，并以某种方式向左/右移动15px，主元素将跟随/增长...但它没有工作....

要求：严格css，请不要使用javascript。

有什么想法吗？

提前感谢!! ：）

Answer 1

我相信你有两个选择 - 第一个是保证金，因为保证金会叠加，另一个是使用calc()

.batman {
    margin: 0 15px;
}

或

.batman {
    width: calc(100% + 30px);
}