2

必要なもの：ウィンドウではなく、ドキュメントの右側にテキストまたは要素を貼り付けます。

ただし、現在の実装（position: absolute; right:0;）がない場合、ウィンドウのサイズを変更すると、スクロールバーが表示されていても、テキストは常にウィンドウの右側に残ります（上部の要素の幅が固定されているため）。右にスクロールすると、テキストが右揃えになりません。

次に例を示します。

http://jsfiddle.net/N5jc9/

私はcontainer1を制御できないことに注意してください。CSSを使用してこれに対する良い解決策を持っている人はいますか？

4

3 に答える 3

0

:after疑似要素を使用して、<body>要素の右側に配置できます。もちろん、これは、要素に固定/最小幅を設定した場合にのみ明らかになります<body>。

デモ： http： //jsfiddle.net/PPtD5/2/

コード：

body {
    width: 70%;
    height: 200px;
    position: relative;
}
body::after {
    content: "This one sticks to the right of <body>";
    width: 100px;
    position: absolute;
    right: -120px;
    top: 0;
}
于 2012-10-01T19:05:08.243 に答える
0

container1 のコントロールを完全に理解しているかどうかはわかりませんが、display:inline-block を各クラスに適用すると、コンテナ 1 の右側にテキストが表示されます。

于 2012-10-01T19:09:12.920 に答える
0

コンテナ 2 をコンテナ 1 の中に入れ、コンテナ 1 の位置を相対的にします。

于 2012-10-01T18:56:42.263 に答える