Heim > Fragen und Antworten > Hauptteil
有没有办法用纯CSS实现某个width:100%的p宽度减少100px。
不想用js实现,不知道CSS3里有没有这个方法,当然能兼容越多浏览器越好。
怪我咯2017-04-17 11:01:36
CSS3 的方法
p { width:100%; box-sizing:border-box; border-left:100px solid transparent; }
大家讲道理2017-04-17 11:01:36
css3有个计算器 calc()
可以这样写:
p { width:-webkit-calc(100%-100px); width:-moz-calc(100%-100px); width:calc(100%-100px); }
伊谢尔伦2017-04-17 11:01:36
在此p的外面再套一个p,让这个p的padding或者margin(不过注意一定是标准盒模型)为50px(具体看你的需求,如果不想居中的话就改改相应的参数)
我不知道这个p的宽度100%是你不能改还是怎么着,如果可以改的话,直接把width:100%
去掉,加上margin:50px
也就可以了,还可以少个p