ホームページ > ウェブフロントエンド > CSSチュートリアル > テキストの回り込みを使用して Div をコンテナの下部に配置するにはどうすればよいですか?

テキストの回り込みを使用して Div をコンテナの下部に配置するにはどうすればよいですか?

DDD
リリース: 2024-12-09 06:19:16
オリジナル
442 人が閲覧しました

How to Position a Div at the Bottom of its Container with Text Wrap?

テキストの折り返しを使用してコンテナの下部に Div を配置

div を別の div の右下隅に配置したいと考えています。フローティング要素に関連付けられたデフォルトのテキストの折り返し動作を維持しながら。 Web を検索しても、float を使用した解決策は見つかりませんでした。

解決策:

float の代わりに、絶対位置決めを利用して目的の位置を実現します。

  1. 親 div の位置を相対に設定します。
  2. 内部の div を設定します。 div の位置を絶対位置に設定し、下位を 0 に設定します。

コード例:

.parent-div {
  position: relative;
}

.inner-div {
  position: absolute;
  bottom: 0;
}
ログイン後にコピー

このアプローチでは、内側の div は下位に配置されます。親 div 。期待どおりにテキストが内部 div の周囲に折り返されるようにします。

以上がテキストの回り込みを使用して Div をコンテナの下部に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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