ホームページ > ウェブフロントエンド > htmlチュートリアル > 2 行目の DIV を先頭に揃えることはできません。1 行目の DIV の最上位に合わせて配置され、up_html/css_WEB-ITnose を埋めることはできません。

2 行目の DIV を先頭に揃えることはできません。1 行目の DIV の最上位に合わせて配置され、up_html/css_WEB-ITnose を埋めることはできません。

WBOY
リリース: 2016-06-21 09:47:37
オリジナル
1376 人が閲覧しました

HTML コード:

div1

"
div2

"
div3



タイトル通り、div1 の隣に div3 を表示する方法を教えてください。 !

ディスカッションへの返信(解決策)

<div style=" float:left ; width:850px; " id="container">    <div style="float:right; width:400px; height:200px; background:#0C3">div2</div>     <div style="width:400px; height:100px; background:#CCC">div1</div>    <div style="width:400px; height:100px; background:#660">div3</div>  </div>
ログイン後にコピー

以下のレイアウトを使用できます。
すごい


div2

div1

div3


事前にご回答いただきありがとうございます。私の質問が明確に表現されていない可能性があります。現在、背景が前景にループアウトされており、約 10 個の Div がある可能性があります。float:left または float:right を使用する場合、どちらを設定するかがわかりません。絶対的な配置、高さが良くありません。

事前にご回答いただきありがとうございます。バックグラウンドからコレクションを返し、フォアグラウンドでループアウトしている可能性があります。各 Div の高さは、float:left と float:right のどちらに設定すればよいかわかりません。


ウォーターフォール石積みプラグインを使用してください。位置の高さを自動的に計算し、適切な位置に配置します

上の階で正解です。滝の流れを使用して処理します。バックグラウンドからコレクションを取得し、フロントデスクでループアウトします。10 個の Div がある可能性があります。各 Div の高さはアダプティブですが、absolute を使用する場合、どちらを float:left に設定するか、float:right に設定するかわかりません。位置、高さを決定するのは簡単ではありません

滝石材プラグインを使用して位置と高さを自動的に計算し、適切な位置に配置します


ありがとうございます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート