css - 两个 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/