0

こんにちはスタックオーバーフローコミュニティ。コンテナ内にフロートさせたい2つの動的divがあります。しかし、HTMLの最後のdivを最初のdivよりも右側に配置したいと思います。私の問題は、HTMLを変更できず、CSSのみを変更できることです。

これはページ間のナビゲーションに使用されるため、両方のdivを表示することも、1つだけを表示することもできます。divが1つしかない場合でも、コンテナーの右側に配置する必要があります（そのため、フロートを使用したかったのです）。

これがあなたがよりよく理解するためのjsfiddleです：http：//jsfiddle.net/Cthulhu/yVCDZ/1/

「前へ」の後に「次へ」を表示したい。前もって感謝します。

4

3 に答える 3

3

float の代わりにdisplay:inline-block;、コンテナのtext-align:right;

あなたのフィドルを更新しました：http://jsfiddle.net/mestekweb/yVCDZ/2/

少なくとも、これで始められるはずです。

ps - 8 未満の IE では問題が発生する可能性があります。必要に応じて、そこでも支援を提供できます。

于 2012-04-11T15:36:33.413 に答える
0

私が理解しているように、それはあなたが望んでいることかもしれません。display:inline-block;で方向を使用できます。

これをチェックしてくださいhttp://jsfiddle.net/yVCDZ/3/

＆すべてのブラウザで機能する他の代替手段があります

これをチェックしてくださいhttp://jsfiddle.net/yVCDZ/8/

于 2012-04-11T15:35:57.790 に答える
0

ポジショニングを使用したクイック更新:

#container {
    width:300px;
    height:70px;
    border:1px solid black;
    position: relative;

}

#previous {
    width:70px;
    height:70px;
    background:gold;
    position: absolute;
    right: 70px;
}

#next {
    width:70px;
    height:70px;
    background:lightblue;
    position: absolute;
    right: 0;
}
于 2012-04-11T15:38:22.967 に答える