父子元素都浮动,宽度自适应(100%),子元素绝对定位,如何让子元素宽度保持和父元素相等?
问题:通过一般的方法获取到的父元素宽度都是100%,子元素脱离了文档流,此时唯一的方法就是获取父元素宽度负值给子元素,父元素宽度是动态的用offsetWidth获取的值可以将百分比转化为像素值,
在created,mounted阶段属性还没有挂在,不能获取到width,在nextTick里面获取到的值与否是存在概率的,在updated里面可以取之负值,
updated () {
this.$refs.logoutBtn.style.width = document.getElementsByClassName(‘user-logout-left-name’)[0].offsetWidth-16 + ‘px’;
},