ホームページ > 記事 > ウェブフロントエンド > 位置についてpositioning_html/css_WEB-ITnose
位置についてpositioning_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:30:23968ブラウズ
上に示す大きな V
HTML 構造
fa414267e4b252509f6c1a8e84c42ddf
96ac4e647e81dab08c3131ef0cdd8a3b img src="head.png"/>
45a2772a6b6107b401db3c9b82c049c2V54bdf357c58b8a65c66d7c19c8e4d114 6940ca66c9c12b434b1251cb17a3c31a
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
親ノード div は既に location:absolute を使用していますか?
への返信議論（解決策）
絶対配置は配置親に対して相対的なので、相対親さえ決まれば扱いやすい<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><style>.box{position:relative; border: solid 1px #ccc; height:300px; width:200px;margin:100px auto;}.sub{ position:absolute;top:-50px;}.sub img{width:200px;height:200px;}.sub span{ position:absolute;right:0;bottom:0; border-radius:20px 20px; border:solid 2px #FF0;color:#FF3; padding:0 5px;}</style></head><body><div class="box"> <div class="sub"> <img src="http://img0.bdstatic.com/img/image/mingxingliminhao.jpg"/> <span>V</span> <!--大V如何定位在最下方，父节点div已经使用了position:absolute。。。--> </div></div></body></html> これは親ノードが絶対配置を使用するかどうかに関係するのでしょうか？
これは親ノードが絶対配置を使用するかどうかと関係がありますか?
投稿者は自分自身を大きな V か何かとして位置づけようとしているのでしょうか?大きな V を見つけたい場合は、大きな V に絶対値を追加します
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。