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

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

WBOY
WBOYオリジナル
2016-06-24 11:31:411370ブラウズ

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

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

24deb72b2c3987f11ddef0cecdd3411b

6fd87aaa897e73e8c4d5879ef972e9b5テスト内容16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68

<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 は絶対配置に設定されます。

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