你能测量％s的css边界吗？

Question

我想让我的边框成百分比，因为我的整个布局是基于百分比，当屏幕足够小时，一部分浮动较低，因为边框在px中太大了。

jsFiddle here

Answer 1

如果我正确阅读了规格，那就是valid in CSS 3：

  

百分比：包含块的宽度*

CSS 1和2.1似乎无效：

  

百分比：N / A

因此，我不相信它现在可以在所有浏览器中得到支持。

Answer 2

是的，请查看规范：http://www.w3.org/TR/css3-background/#border-width

如果包含块具有水平文本模式，则％值基于包含块的宽度，否则为高度。

浏览器兼容性：不存在。
它在我拥有的任何浏览器中都不起作用：IE9 beta，FF 4 beta 7，Opera 10,63，最新Chrome和Safari。

Answer 3

不，你不能使用百分比作为边框宽度，至少不可靠，正如Pekka和Sime指出的那样。

是的，您可以使用百分比作为边框，但它非常不正统，问题可能在您的布局中的其他地方。

Answer 4

可能在CSS3中有效，但在CSS2中无效。

CSS2的盒子模型显示border width属于length类型，并且：

  

长度值的格式（表示为   通过本规范中的<length>）   a <number>（带或不带小数   点）紧接着是一个单位   标识符（例如，px，em等）。后   零长度，单位标识符是   可选的。

另请注意，percentages不是一回事，将在下一节中讨论。

现在，完全支持CSS3的浏览器寥寥无几。您可能不想过分依赖该功能。