3

親の幅に関係なく、内側の div フロートを親の右側に配置したいと思います。これがどのように見えるかの例はここにあります: http://jsfiddle.net/eqDyy/ . そのフィドルは、それがどのように見えるべきかの単なる例です。指定された正確なピクセル数で行われますが、私が探しているのは、親の幅が変更された場合でも、その内側の div が親の右側に表示されるようにするソリューションです。

以下は、フィドルで使用されるコードです。

HTML

<div id="one">
    <div id="two"></div>
</div>

CSS

#one {
    border:2px solid #ddd;
    width:150px;
    height:30px;
}
#two {
    border:2px solid #ddd;
    width:150px;
    height:30px;
    margin-left:150px;
    margin-top:-2px;
}

繰り返しますが、これは私がどのように表示したいかを示すためのものですが、特定のピクセル量を使用するため、満足のいく実装ではないことを覚えておいてください。

4

2 に答える 2

0 
#one {
    border:2px solid #ddd;
    width:150px;
    height:30px;
}
#two {
    border:2px solid #ddd;
    width:50px;
    height:30px;
    margin-left:150px;
    margin-top:-2px;
    float:right;
}

結果を示すために #two を少し変更しました。

http://jsfiddle.net/eqDyy/3/

于 2013-07-29T15:06:11.663 に答える