位置についてpositioning_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:30:23
オリジナル
968 人が閲覧しました


上に示す大きな V

HTML 構造

img src="head.png"/>
V


親ノード 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>
ログイン後にコピー

これは親ノードが絶対配置を使用するかどうかに関係するのでしょうか?


これは親ノードが絶対配置を使用するかどうかと関係がありますか?

親ノードが相対的に配置されているか絶対的に配置されているかに関係なく、子ノードの絶対的な配置は親ノードに対して相対的なものとなるため、LZ の要件を達成することが容易になります。

投稿者は自分自身を大きな V か何かとして位置づけようとしているのでしょうか?大きな V を見つけたい場合は、大きな V に絶対値を追加します

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