Element.clientWidth

内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。

当在根元素(<html>元素)上使用clientWidth时(或者在<body>上，如果文档是在quirks(怪异)模式下)，将返回viewport的宽度(不包括任何滚动条). This is a special case of clientWidth.

该属性值会被四舍五入为一个整数。如果你需要一个小数值，可使用 element.getBoundingClientRect()。

语法

var intElemClientWidth = element.clientWidth;

intElemClientWidth 是一个整数，表示元素的 clientWidth。clientWidth 是一个只读属性。

Image:Dimensions-client.png

规范	状态	备注
CSS Object Model (CSSOM) View Module clientWidth	Working Draft

clientWidth 首次出现于微软 IE 早期的 DHTML 对象模型中。

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`clientWidth`	Chrome Full support 43	Edge Full support 12	Firefox Full support 1	IE Full support 6	Opera Full support 8	Safari Full support 6	WebView Android Full support 43	Chrome Android Full support 43	Firefox Android Full support 4	Opera Android Full support 10.1	Safari iOS Full support 6	Samsung Internet Android Full support 4.0