转载

CSS 宽度 width

CSS width 属性设置元素的宽度

语法：

width : auto | length

参数：

auto : 　无特殊定位，根据HTML定位规则载文档流中分配
length : 　由浮点数字和单位标识符组成的长度值，或者百分数。百分数是基于父对象的宽度。不可为负数。

说明：

检索或设置对象的宽度。
对于img对象来说，仅指定此属性，其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为 width 。其值为一字符串，所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth，pixelWidth，以及对象的offsetWidth等特性。

示例：

div { width: 1in; }

div { position:absolute; top:-3px; width:6px; }

扩展阅读：

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 width 属性。

注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性。

默认值：	auto
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.width="50px"

可能的值

值	描述
auto	默认值。浏览器可计算出实际的宽度。
length	使用 px、cm 等单位定义宽度。
%	定义基于包含块（父元素）宽度的百分比宽度。
inherit	规定应该从父元素继承 width 属性的值。