1

私はこのようなページを持っています

<div id="top">
</div>
<div id="bottom">
</div>

最初に下を表示してから上に表示する出力が必要です.CSSを使用してこれを達成するにはどうすればよいですか??

4

4 に答える 4

1

あなたの質問が次のことを意味する場合..「下にある他の描画された DOM 要素の上に div#bottom を配置する必要があります」。DOM の順序。

#top と #bottom を独立した DOM 要素にしたい場合。

div#top {
  width:200px;
  height:100px;
  background-color:red;
}

div#bottom {
  position:absolute;
  width:100px;
  height:50px;
  background-color:blue;
  top:10%;
  left:4%;
}

  • 上と左の値は選択した値です。上記の例では、下が上に配置されます。

  • ポジショニング - 同じものを操作するために使用できます。巨大な包括的な div 内で固定要素を使用できます。ただし、DOM コンテンツがオーバーフローしても表示されることが確実な場合にのみ、fixed を使用してください。「相対」ポジショニングは、参照が本体またはルート ノード クラスまたは要素である場合にうまく機能する可能性があります。

DOM がこれらの要素を表示する方法を制御したい場合。次に、これを実現するために CSS で JavaScript を使用する必要がある場合があります。言うように

document.getElementById('bottom').style.display = 'block';
document.getElementById('top').style.display = 'none';

タイムアウト後 setTimeout(function() { document.getElementById('top').style.display = 'block'; }, 200);

独立したdivはこれを行うための最良の方法ではないため、むしろこのようなことを試すことをお勧めします

<div id="top_div">
   <div id="bottom_div">
   </div>
</div>
于 2013-10-24T09:19:45.057 に答える
1

「ポジション」の助けを借りて、これを達成できます..

于 2013-10-24T09:12:17.893 に答える
0

css で Position を使用すると、以下のように動作するはずです

<div id="bottom">
 </div>
 <div style="clear:both;"></div>
 <div id="top">
</div>
于 2013-10-24T10:06:10.040 に答える