Css 在宽度为100%IE7的div容器中向左和向右浮动

我想在IE7中的容器div中浮动两个div。容器中的第一个div应该向左浮动，第二个div应该向右浮动。实际上，这两个div在我的css配置中是向左浮动的

这是我的css：

.container{float:左；宽度：100%；高度：30px；}
.left{float:left；宽度：auto；高度：30px；}
.right{float:right；width:auto；height:30px}

这是我的HTML

向左！
向右！

结果应该是：（点是这里的空格；））

替换

.container {float:left; width:100%; height:30px;}

与

您的容器类“float:left；”优先于其他float。您也可以将其他类编辑为

.left {clear: both; float:left; width:auto; height:30px;}
.right {clear: both; float:right; width: auto; height:30px;}

---

在实现新的浮动之前，应该清除容器类中剩余的浮动

我不使用IE7，但它工作正常。因此，我的猜测是在

右边添加一个
边距：
到
。左边
div
我认为这是一个相同（或类似）的问题，因为孩子们应该相对于他们的容器进行定位（您可能需要明确地将
位置：相对
添加到容器）。将浮动添加到容器不应优先于任何内容，并且应确保容器扩展以容纳浮动的子对象（与clearfix相同）。我将颠倒顺序，在左浮动元素之前保留右浮动元素（这与此问题无关），但您肯定不必从容器中移除
浮动元素；选项我也知道user1663417使用的原始代码在IE9中工作，但由于我没有IE7，我无法进行广泛的测试，而且很清楚：两者都有；选项对我来说一直都很有效。然而，容器类中关于“清除（ing）剩余浮动”的信息完全是误导性的。这不是
clear
所做的，听起来与这个问题不相关。
.container {width:100%; height:30px;}

.left {clear: both; float:left; width:auto; height:30px;}
.right {clear: both; float:right; width: auto; height:30px;}