有没有办法让宽度是100%的div减少100px

Question

有没有办法用纯CSS实现某个width:100%的div宽度减少100px。
不想用js实现，不知道CSS3里有没有这个方法，当然能兼容越多浏览器越好。

Answer 1

CSS3 的方法

div {
    width:100%;
    box-sizing:border-box;
    border-left:100px solid transparent;
}

Answer 2

css3有个计算器 calc()
可以这样写：

div {
width:-webkit-calc(100%-100px);
width:-moz-calc(100%-100px);
width:calc(100%-100px);
}

Answer 3

在此div的外面再套一个div，让这个div的padding或者margin（不过注意一定是标准盒模型）为50px(具体看你的需求，如果不想居中的话就改改相应的参数）

我不知道这个div的宽度100%是你不能改还是怎么着，如果可以改的话，直接把width:100%去掉，加上margin:50px也就可以了，还可以少个div