常用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)
1.双击打开HBuilderX工具，创建一个新的HTML5静态页面，如下图zd所示:
2.在body标签元素中插入多个div标签，并用div将它们嵌套在div中，如下图所示:
3.在标题标签下面添加一个样式，设置全局版本的样式，并使用*符号，如下图所示:
4.保存代码并打开浏览器查看页面效果。可以在页面上找到背景颜色，如下图所示:
5.使用body标签选择器设置宽度、字体属性、字体大小等属性，如下图所示:
6.最后，使用body标签内部的div选择器来设置div标签样式，并添加边框和内外边的权重距离，如下图所示:
