两个div与父母互相推挤

Question

我正在尝试适应父级内没有空格的div，并使用一个定义像素，另一个使用百分比。没有推倒对方。目前我有

<style>
    .wrapper {overflow: auto;}
    .container {float: left;margin-right: 150px;}
    .menu {float: right;width: 100px;}
    * {margin: 7px; padding:1px;}
</style>
<div class="wrapper">
    <div class="container">
    </div>
    <div class="menu">
    </div>
</div>

任何帮助？

Answer 1

您可以尝试使用这些样式：

.wrapper {padding-right:150px;}
.container {float: left; width:100%;}
.menu {float: right;width: 100px; margin-right:-150px;}

请注意，您的菜单类在您的示例中有一个大写M，但您的样式表使用了小m

这里可以看到一个例子http://jsfiddle.net/ACk9B/