两个div与父母互相推挤

时间:2013-01-16 09:45:48

标签: css width

我正在尝试适应父级内没有空格的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>

任何帮助?

1 个答案:

答案 0 :(得分:0)

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

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

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

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