我正在尝试适应父级内没有空格的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>
任何帮助?
答案 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/