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

问题描述

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

问题解答

CSS3 的方法

p { width:100%; box-sizing:border-box; border-left:100px solid transparent;}回答2：

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

p {width:-webkit-calc(100%-100px);width:-moz-calc(100%-100px);width:calc(100%-100px);}回答3：

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

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