[解決済み] [Solved] divをコンテナの底にフロートさせるには?
質問
コンテナの上部に、画像とインセットボックスを
float:right
(または
left
) を何度も繰り返しています。さて、私は
div
の右下隅にある別の
div
で得られるような通常のテキストラップで
float
(テキストは上と左にのみ折り返されます)。
とはいえ、これは比較的簡単なことだろうと思っていました。
float
には
bottom
の値を変更したいのですが、いろいろな方法を試してもうまくいかず、ウェブで検索しても、絶対位置指定をする以外の方法は見つかりませんでしたが、これでは正しいワードラップの動作が得られません。
ごく一般的なデザインだと思っていたのですが、どうやらそうではないようです。誰も提案しないのなら、私はテキストを別のボックスに分割し、そのボックスで
div
しかし、それはかなり不安定で、それが必要なすべてのページでそれを行わなければならないのは嫌です。
解決方法は?
数日間、様々なテクニックと格闘した結果、これは不可能に見えると言わざるを得ません。javascriptを使っても(やりたくはないのですが)不可能のようです。
出版業界では、挿入物(絵、表、図など)をレイアウトして、その下部がブロック(またはページ)のテキストの最終行の下部と一致するようにし、挿入物がページのどの側にあるかによって、テキストが上部と右または左に自然な形で挿入物の周りを流れるようにすることが非常に一般的になっています。html/cssでは、floatスタイルを使ってブロックの上部にインセットの上部を合わせるのは簡単ですが、驚いたことに、テキストとインセットの下部を合わせるのは、一般的なレイアウト作業であるにもかかわらず不可能のようです。
この項目については、どなたか最後の提案がない限り、デザイン目標を見直す必要がありそうです。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み】「選択されたファイルがありません」を変更しました。
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] 位置は絶対だが、親に対して相対的
-
[解決済み] [Solved] divをコンテナの一番下に配置するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み] フレックスアイテムを右にフロートさせる
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される?
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] HTMLファイルへのリンクは可能ですか?
-
[解決済み] 入力のラジオ要素を水平に揃えるにはどうしたらいいですか?
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] [Solved] divをコンテナの一番下に配置するには?