css - 当我左右浮动 child 时，如何在 IE7 中制作容器 "shrink-wrap"？

Question

这是问题的一个例子: http://jsfiddle.net/ryfvn/

在 IE7 中，容器变为全宽并失去了收缩包装。如果两个 child 都向左浮动，或者如果他们都向右浮动，则不会发生这种情况。

Answer 1

有同样的问题，无法使用 float right 找到答案，但我能够使用 absolute positioning 获得相同的效果。

http://jsfiddle.net/johntrepreneur/QSr6K/2/

<div class="container">
    <div class="left">content</div>
    <div class="right">content</div>
</div>

<style type="text/css">
    .container {
            float: left;
            padding: 10px 50px 10px 10px;
            background-color: green;
            position:relative;
    }

    .left {
            float: left;
            background-color: red;
    }

    .right {
            background-color: blue;
            position: absolute;
            right: 10px;
            top: 10px;
    }
</style>