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

html-css07

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)

只需将父div设置为display:none即可，子div不设置display属性！

<div display:none><div></div></div>

这样父div就会被隐藏！

display 属性规定元素应该生成的框的类型。个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。display可能的取值为：

none    此元素不会被显示。  

block    此元素将显示为块级元素，此元素前后会带有换行符。  

inline    默认。此元素会被显示为内联元素，元素前后没有换行符。  

inline-block    行内块元素。（CSS2.1 新增的值）  

<div class="div1">

    <div class="div2">

        <div class="div3">

        </div>

    </div>

</div>

div2设相对定位，div3设绝对定位,则div3就根据div2定位，如果div2不设相对定位，div1设相对定位,则div3就根据div1定位，如果div1和2都不设相对定位，则div3根据body定位