jQuery css width在IE / Opera / FF中不起作用，但在Chrome中起作用

Question

所以我目前正在研究一个Wordpress主题，但是我在解决博客风格方面遇到了问题。

我正在使用一些基本的jQuery来获取内容的div的宽度，然后设置包装的宽度称为“.main”。

var blogWidth = $("#blogImages").width();
var blogTotal = blogWidth;
var totalCanvas = blogTotal;    
$('.main').css('width',totalCanvas);

它会在Chrome中检测到正确的宽度，但没有其他内容： http://leighmcd.com/blog/blog

另一个问题是我需要将图像放在内容的右侧，即使它们位于同一个帖子中，所以我在图像周围放置一个div并对其进行绝对定位。我觉得这也可能影响结构。

非常感谢任何建议。

Answer 1

使用width设置匹配元素的宽度：

$('.main').width(totalCanvas);

Answer 2

尝试在.css()电话中添加单位：

$('.main').css('width',totalCanvas+'px');