YUI CSS 基本网格模式:使用 jQuery 获取右侧网格 (yui-ge) 的宽度和边距
我的网站上有这个基本网格图案:
<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()
给我的框宽度只有 325px。有人知道该怎么做吗?
I have this Basic Grid Pattern on my website:
<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>
This setup gives me this:
alt text http://horgenweb.org/temp/yui_jquery_width.jpg
I'm trying to get the width of the right div + the left margin width jQuery.
$('#right_cont').width()
Gives me the box-width only 325px. Anyone know how to do this?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
回答我自己的问题:
有更好的方法吗? o_O
To answer my own question:
Is there a better way? o_O
使用outerWidth(),并传递一个真值作为参数,以便它包含边距。
文档页面: http://api.jquery.com/outerWidth/
Use outerWidth(), and pass a truthy value as an argument so it includes the margin.
Docs page: http://api.jquery.com/outerWidth/