0

スペースなしで親の内部のdivに適合させようとしており、1つは定義されたピクセルを使用し、もう1つはパーセンテージを使用しています。もう一方を押し下げることなく。現在私は持っています

<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>

何か助けはありますか？

4

1 に答える 1

0

これらのスタイルを使用してみることができます。

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

この例では、メニュークラスに大文字のMが含まれていますが、スタイルシートでは小さなmが使用されていることに注意してください。

例はここで見ることができますhttp://jsfiddle.net/ACk9B/

于 2013-01-16T09:57:55.337 に答える