asp.net - 2 つのグリッドビューを重ねて配置する

Question

次のように、2 つのグリッドビューを重ね合わせたいと考えています。

一番上のものは、スタイルが float:right で、overflow: auto はスクロール バー用です。

一番下にはスタイル オーバーフローがあります: スクロール バーの auto も同様です。

ただし、自分のページを表示しようとすると、gridview 2 が gridview 1 の左側に表示されます (overflow: auto を削除しない限り)。それを修正する方法はありますか？使用してみ<br>ましたが、役に立ちませんでした。

Answer 1

<div>2つのグリッドビューの間に要素を追加しstyle="clear: both;"ます。これにより、フローティング要素間のブレークとして機能します。

またはstyle="clear: both;"、各グリッドビューに追加することもできます

Answer 2

ここには2つのオプションがあります。@Mikeが提案したように、両方のdivにClear：bothを追加します。

または、2つのグリッドを完全に異なるdivに配置します。

divはブロックレベルの要素であるため、それらは次々に分類されます。