コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML のネストされた div、子 DIV によって設定されたマージン スタイルを親 DIV_html/css_WEB-ITnose のスタイルにする方法

HTML のネストされた div、子 DIV によって設定されたマージン スタイルを親 DIV_html/css_WEB-ITnose のスタイルにする方法

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




定位布局











"转移”给外層div

u013472677: 2つの適合套系のdiv、如果外層divの父元素パディング值が0、那么内層divのmargin-topまたはmargin-bottomの会“转移”给外层div

は何か?方法はありません

1.設置父元素のpadding-topまたはbottom(记得設置padding後要重新計算父元素の高さ)。

2.给父元素追加プロパティoverflow:hidden

其の残り还有一部の方法不过制限条件有いくつかの、乱用可能造成更多页面バグ、让你疯掉。

関連ラベル：
div margin 入れ子になった スタイル 設定
ソース：php.cn
前の記事：海外モバイルアプリの優れたインターフェースデザイン20選_html/css_WEB-ITnose 次の記事：HTMLスタイルについて教えてください。テンプレートがありますので簡略化してください_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
から 2024-04-06 11:42:51
0
1
338
固定幅で最大幅 90% のグリッドの子がグリッド トラックからオーバーフローするのはなぜですか? 質問: 私の質問は非常に単純です。1500 ピクセルのビューポート幅に達すると、.header 要素がグリッド トラックからオーバーフローする理由を知りたいです。コード: *{bo...
から 2024-04-05 14:33:39
0
1
1426
CSS を使用して Next.js の三目並べボードの各行の下のスペースを削除するにはどうすればよいですか? 各行の下にスペースがあるのはなぜですか? (CSS) 自分のスキルをテストするために Next.js 三目並べアプリを作成しようとしています。ただし、CSSに問題があります。ボード...
から 2024-04-05 11:39:02
0
1
1431
モバイル サイズの画面で段落を左側に移動するための CSS および HTML メソッド 通常の 16:9 のコンピュータ画面では、左側にテキスト、右側に画像が表示され、完璧に見えます。ただし、小さい画面 (携帯電話サイズの画面など) では、希望どおりに段落の上に画像が...
から 2024-04-04 20:25:22
0
1
330
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート