html - 设置宽度 :auto leads to width:100%

Question

我现在有点累(没有咖啡)，所以我想不通。

当我设置 p.style.width = auto (蓝色的)，为什么它是width 100%？没有一个元素的宽度设置为 100%，所以我怀疑它是继承的属性。

如何设置 <p>的宽度以匹配其内容宽度加填充？

示例页面 link

Answer 1

因为width:auto默认为100%(即减去边框和内边距，见here)，如果你不在 float /定位环境。其实，没有

float:left

或

position: absolute

你很不走运，只在 CSS 中将元素的宽度设置为最小值。参见，例如 here了解如何在 Firefox 中实现它(仅)。

编辑:您也可以使用

display: table;
width: auto;

但是，一方面，这也不是所有浏览器都支持，然后表格设计可能会给您带来各种其他麻烦。

编辑 2:您也可以按照 DisgruntledGoat 的建议尝试 display:inline-block。 This page给出了针对 IE6+、FF2+、Safari 3+ 和 Opera 的跨浏览器实现。