コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 子divはmargin-topを使用していますが、親divにも適用されますか？ _html/css_WEB-ITnose

子divはmargin-topを使用していますが、親divにも適用されますか？ _html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 09:39:26
オリジナル
1206 人が閲覧しました

この投稿は phf0313 によって最終編集されました: 2011-10-21 12:27:24 

<div class="qiandao">        	<div class="qd_circle">            	            </div>        </div>
ログイン後にコピー

.qiandao {	width:210px;	height:267px;	background:url(http://192.168.1.3/image/my_qd_bg.jpg) no-repeat;}.qd_circle {	border:1px solid #d0ccc3;	width:196px;	height:35px;	margin-top:6px;	margin-left:5px;	}
ログイン後にコピー

qd_circle は margin-top を使用していますが、Qiandao もサポートされています。解決してください。

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

さて、親タグにボーダーがある場合、一部のブラウザではボーダーが直接切り取られてパディングが使用されます。子タグでパディングを使用するのが不便な場合は、を使用してください。親タグに、

.qiandao {
width:210px;
height:267px;
overflow:hidden
}
.qd_circle {
border:1px ソリッド #d0ccc3 ;
width:196px;
margin-left:5px;

関連ラベル：
子级div使用了margin-top，连父级div都应用到了？
ソース：php.cn
前の記事：この効果を実現する方法を聞いてもいいですか? _html/css_WEB-ITnose 次の記事：divスクロールバーをscroll_html/css_WEB-ITnoseにしないように設定する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
から 2024-04-06 11:42:51
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート