1. ホーム
  2. css

[解決済み] 特定のdivを右へ移動させたい

2022-02-18 23:07:07

質問

特定のdivを右側に寄せて、左側のdivにコンテンツを表示するスペースを確保したいのですが、どうすればいいですか?

CSSでいくつかのことを試してみましたが、何か間違っていることがわかります。

CSSで、私は...

login-box {
    width: 200px;
    margin-left: 50px;
} 

解決方法は?

その特定のdivにfloatを使用することができます。

<div style="float:right;">

スペースを確保したいdivを左にもフロートさせる。

<div style="float:left;">

もし失敗したら、右側のdivにposition:absoluteを指定して、好きなだけ右に移動させてください。

<div style="position:absolute; left:-500px; top:30px;"> 

などです。もちろん、スタイルは別のスタイルシートに記述しますが、これは単なる簡単な例です。