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>

这个设置给了我这个：

alt text http://horgenweb.org/temp/yui_jquery_width.jpg

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

$('#right_cont').width() 

给我的盒子宽度只有325px。有谁知道怎么做？

Answer 1

回答我自己的问题：

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

有更好的方法吗？ O_O

Answer 2

使用outerWidth（），并将truthy值作为参数传递，因此它包含边距。

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

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