jquery - 尝试使两个 div block 彼此相邻并填充页面

Question

http://jsfiddle.net/UeLMA/1/

HTML:

<div id="left" style="background: red; display: inline-block; float: left">
    aaaa<br />
    aaaaa
</div>
<div id="right" style="background: yellow; float: left"></div>

我希望 #right 填充 #left 未使用的屏幕其余部分。为了实现这一点，我使用 jquery:

$('#left').height($(window).height());
$('#right').height($(window).height());
$('#right').width($(window).width() - $('#left').outerWidth());

唯一的问题:它不起作用。这是jsfiddle:http://jsfiddle.net/UeLMA/1/

有什么想法吗？

Answer 1

工作版本: http://jsfiddle.net/UeLMA/4/

将此重置添加到您的 CSS 中:

* {
margin: 0;
padding: 0;
}