为什么react会为同一HTML显示两个不同的高度？ componentDidUpdate是否包括CSS？

Question

在渲染高度时，反应会考虑CSS吗？我有以下代码：

componentDidUpdate() {
    let height = ReactDOM.findDOMNode(this).offsetHeight;
    console.log(height);
    sendResizePopupMessage();
}

现在，当我第一次单击按钮时，我的身高=250。下一次我的身高是277。在两种情况下，ReactDOM.findDOMNode（this）.innerHTML完全相同，是什么导致它显示不同的高度？

这是我的组成部分：

<div className="popup-container container-fluid">
    <PopupHeader
        status={offerStatus}
        disabled={disabled}
        onCloseClick={() => this.handleCloseClick()}
        onToggleClick={() => this.handleToggleClick()}
    />
    {offers.length > 0 && this.state.shouldShowOffers && (
        <PopupTable offers={offers}
                    onClick={() => this.handleFindCheaperClick()}
                    disableFindCheaper={this.state.disableFindCheaper}
                    findCheaperMessage={this.state.findCheaperMessage}
        />
    )}
</div>