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

CSS - 以下の div 内でオブジェクトを配置するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:13:06872ブラウズ

高さ 30 の div では、内側に配置されるオブジェクトの高さは 25 になります。内側のオブジェクトを揃えるために外側の div に設定したいのですが、padding-top を設定すると、外側の div が引き伸ばされてしまいます。 Margin-top:5px は内部オブジェクトに設定しても問題ありませんが、中に何をどれだけ配置すればよいか不明なので、内部オブジェクトには設定したくありません。

<div style="height:30px;width:100%;border:1px solid red;vertical-align:bottom;padding-top:5px"><div style="height:25px;border:1px solid green">dd</div>  </div>


ディスカッション(解決策)に返信

絶対位置指定のみ使用できるようです

a92095f03e56961f08397f8e9ae66c84dd16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

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