如果你想要一个JS解决方案，请看这里：
不能将“resize”绑定到元素，而是使用ResizeObserver
还要注意，你应该使用一些内联类型的元素/样式。div元素默认为display: block，因此我添加了display: inline-block;来说明这一点。
在代码片段中，我将#footerA设置为可编辑（类似于输入），以便您可以更改div的内容。

const footerA = document.getElementById("footerA");
const footerB = document.getElementById("footerB");

const resizeObserverCallback = () => {
  footerB.style.width = `${footerA.getBoundingClientRect().width}px`;
}

if (footerA && footerB) {
  new ResizeObserver(resizeObserverCallback).observe(footerA)
}

.footer {
  background-color: orange;
  display: inline-block;
}

<div id="footerA" class="footer" contenteditable="true">aaaa</div>
<div id="footerB" class="footer">bb</div>

此问题可能与this question重复