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

html-css017

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)

用jquery 可以轻松获取到：

代码：

var obj=$('.ts')

var offset = obj.offset()

var width=offset.left+obj.width()

OK! width就是你想要的父对象a 标签的宽度.

怎么样？可以吧.

只有块元素才可以默认“继承”其父元素的width.

浮动元素和定位元素也是不默认（不自动）“继承”其父元素宽度的。

当符合css默认“继承”的情况下（子元素必须是块级元素且无定位或浮动），是不需要写width属性，就可以默认“继承”的。