px如何计算出内容器的宽度%？

Question

例如我的容器样式为：

list li{width:22%;border:3px solid #000;}

现在需要把两边的边界6px换算为%，然后缩小22%宽度的话如何得到6px的%值？

内容器除以容器的公式貌似对这个无效.

求教！

Answer 1

使用JS可好？

补充：

内容器除以容器的公式貌似对这个无效.

是因为外容器宽度必须是准确值，百分比不可以。

Answer 2

border-width是无法用百分比单位的，所以你可以试试用em

Answer 3

border 没有 % 的宽度单位，如果你的需求是根据容器的宽度来决定 border 的边框大小，要兼容 IE6/7 这类老浏览器就只能用 js 了。现代浏览器可以试试 Media Queries 或者 Viewport-percentage lengths: ‘vw’, ‘vh’, ‘vmin’, ‘vmax’ units