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

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

WBOY
WBOYオリジナル
2016-06-21 09:47:371316ブラウズ

HTML コード:
cc5a16d82b19f0dd28070f4f74a29b5d
ad82843d943b2e99aba62b75bf5e7b46div116b28748ea4df4d9c2150843fecfba68
" a3d62d47b27b6a384d64ccadb0ba4671div216b28748ea4df4d9c2150843fecfba68
" 9c132cc1d3170e24c23ff7b92044f71ddiv316b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

タイトル通り、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>

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

56eed3f1b01a5b9a6297640c0bbbd340
f0af10790293cc923cc9a42c986f9e36div216b28748ea4df4d9c2150843fecfba68
b4d235ff934e115f3667e637f33ffbd3div116b28748ea4df4d9c2150843fecfba68
85791dcc8bfbe16571d9c5fdcc30b9abdiv316b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

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

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


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

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

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


ありがとうございます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。