cssdiv如何获取父级元素div的宽度

html-css028

cssdiv如何获取父级元素div的宽度,第1张

常用div宽度获取 dom.offsetWidth:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值为四舍五入后的整数 dom.getBoundingClientRect().width:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值不会四舍五入 window.getComputedStyle(dom).width:只读属性,返回元素内容宽度的数值和单位(string)(content) dom.scrollWidth:只读属性,返回全部content+ padding 的宽度数值(int) dom.clientWidth:只读属性,返回元素内容可视区域的宽度(content + padding)

一、创建一个新的HTML文件

二、创建HTML标记和内容。

三、预览效果如图所示。

四、设置左边框的宽度border-left-width: 15px。

五、预览效果如图。

六、设置左边框的宽度border-left-width: thin。

七、预览效果如图所示。