ホームページ > ウェブフロントエンド > htmlチュートリアル > DIVを別のDIVの右下隅に配置するにはどうすればよいですか? _html/css_WEB-ITnose

DIVを別のDIVの右下隅に配置するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:31:41
オリジナル
1401 人が閲覧しました

DIV を別の div の右下隅に配置するにはどうすればよいですか? ? ?

CSS の配置を使用して、DIV を別の DIV 内の右下隅に配置します。参照コードは次のとおりです。

テスト内容

<style><!--#box1{width:600px;height:600px;background:green;position:relative}#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}--></style>
ログイン後にコピー

親オブジェクトは相対的に配置され、子オブジェクトは親オブジェクトを基準点として絶対的に配置されます。

外側のdivは相対配置に設定され、内部 div は絶対配置に設定されます。

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