コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS - 以下の div 内でオブジェクトを配置するにはどうすればよいですか? _html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 12:13:06
オリジナル
917 人が閲覧しました

高さ 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>
ログイン後にコピー


ディスカッション（解決策）に返信

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

dd

関連ラベル：
CSS－如何使div内的对象下对齐？
ソース：php.cn
前の記事：CSSで画像の高さを自動的に変更せず、幅と長さを制限するにはどうすればよいですか? _html/css_WEB-ITnose 次の記事：弱い質問なのですが、target='_black'で開くページのサイズを指定できますか？ _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
表セルのコンテナが親セルの高さ全体を占めるようにしてください。 Flexboxを使用せずにコンテンツを垂直方向に整列させようとしています。このユースケースにはいくつかの問題があるため、垂直方向に整列されたテーブルでそれを行おうとしていますが、問...
から 2024-04-04 16:03:18
0
1
404
グリッドテンプレートの列が行上の項目を整列させない 私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ...
から 2024-04-03 16:58:18
0
1
370
これらの div を同じ行に配置するにはどうすればよいですか? トピックを含む Web ページがあり、1 行に 4 つのトピックを入れたいと考えています。 4 つのダミー トピックを配置しましたが、次のように行ではなく左側の列に配置されています...
から 2024-04-03 10:34:15
0
1
281
CSSクラスセレクターのwidthプロパティを確認するにはどうすればよいですか?例は .label{} です。 以下は、.label の幅 270 を選択した CSS コードに関する私のコメントです。 ブラウザの開発者ツールを使用して .label 要素を検査すると、実際の幅は 270 ピク...
から 2024-04-01 17:45:11
0
1
338
画面上で何も中央揃えにできません CSS を使用して HTML 上に応答性の高いナビゲーション バーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テ...
から 2024-04-01 11:51:40
0
2
303
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート