如何获取不包含滚动条的布局单元的宽度？

Question

我试图让我的布局更新另一个元素的宽度，但我需要获取其宽度，不包括其滚动条（如果确实存在）。在这种情况下， getMainContentBounds() 似乎返回整个宽度以及滚动条。

我也尝试过 getSizes() ，结果相同。

myDataTable.on('postRenderEvent', function() {
    var bounds = YAHOO.specify.app.layout.getMainContentBounds();
    Dom.setStyle(YAHOO.util.Selector.query('div.yui-dt-hd', c.body), 'width', bounds.width+'px');
    Dom.setStyle(YAHOO.util.Selector.query('div.yui-dt-bd', c.body), 'width', bounds.width+'px');
});

Answer 1

为什么不在可滚动内容中放置标记“元素”呢？

<div style="width: 200px; overflow: auto;">
    <div id="the-div-width">
        Your content.
    </div>
</div>

然后只专注于获取 the-div-width 的实际宽度......