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