0

私は3つの部門を持っています。トップ、センター、ボトム。私は、divの中央のdivを上が終わるところから始め、divの下が始まるところで終わるようにするつもりです。

同じように、ブラウザのサイズが変更されたときに div の中心がその位置を失わないようにしたい

誰かが私を助けることができますか？

私のコード:

<header>TOP</header>
        <div id="content">
            <div id="divCenter">

            </div>
        </div>
        <footer>BOTTOM</footer>

divCenter をブラウザでリサイズできるようにしたい

4

2 に答える 2

0

あなたの質問から私が理解できることから、3 つの div (上、中央、および下) を積み重ねて、ウィンドウのサイズが変更されたときに div の順序を変更したくありません。これを実行できるコードを次に示します。

#top , #center , #bottom{
  width: 100%;
  border: 1px solid black;
  text-align: center;
}
<html>
    <body>
        <div id="top"><h1>Top</h1></div>
      <div id="center"><h1>Center</h1></div>
      <div id="bottom"><h1>Bottom</h1></div>
    </body>
</html>

上記のコードは、画面全体を占める 3 つの div (上、中央、および下) を作成します。それらは画面に対して相対的であるため、サイズ変更可能です。しかし、彼らは彼らの立場を維持します。

于 2016-10-08T20:38:39.890 に答える