0

我希望具有不同内容和内容大小的 2 个 div 具有相同的高度。

它们漂浮在左侧；第一个有 80% 的宽度，另一个有 20% 的宽度。

查看http://jsfiddle.net/9gp6J/2/上的完整代码

<body>
    <div id="contenuto_body">
    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

</div>

<div id="ads">
    <img src="http://data.whicdn.com/images/1676707/Happiness_is_only_real_when_shared-Christopher_McCandless-480x360-20100312_large.png"/>
</div>
</body>
4

3 回答 3

1

考虑使用display: table-cell而不是float. 看一下例子：http: //jsfiddle.net/26MGE/

于 2013-06-29T16:44:27.260 回答
1

您height在 上设置为 100% div#ads，但它不知道 100% 的高度...

如果您设置body高度，它将起作用，这是您的更新jsfiddle

于 2013-06-29T16:48:51.207 回答
0

使用 JQuery.outerHeight()使两个对象的高度相同，但请确保您记得输入一个 ajax 文件。

这是一个工作小提琴：

http://jsfiddle.net/9gp6J/8/

于 2013-06-29T17:36:14.703 回答