jquery - YUI CSS 基本网格模式：使用 jQuery 在右侧网格 (yui-ge) 上获取宽度+边距

Question

我的网站上有这个基本网格模式：

<style type='text/css'>
  #doc3 { margin:auto; }
</style>

<div id="doc3">
  <div id="bd">
    <div class="yui-ge">
      <div class="yui-u first" id="main">
        Main content here
      </div>
      <div class="yui-u" id="right_cont">
        right content here
      </div>
    </div>
  </div>
</div>

这个设置给了我这个：

替代文字 http://horgenweb.org/temp/yui_jquery_width.jpg

我正在尝试获取右侧 div 的宽度 + 左侧边距宽度 jQuery。

$('#right_cont').width() 

给我的盒子宽度只有 325 像素。有人知道怎么做吗？

Answer 1

使用 outerWidth()，并传递一个真实值作为参数，使其包含边距。

$("#right_cont").outerWidth(true);

文档页面：http ://api.jquery.com/outerWidth/

Answer 2

回答我自己的问题：

/* Right content width + margin */
$right_content_width = $(window).width() - $('#main').width();

有没有更好的办法？o_O