margin-left は機能するが、margin-right は機能しないのはなぜですか? ページ レイアウト <br> #nav{width: 1347px;height:80px;background-color: red;} <br> #search{width:800px;height :60px;背景色:青; マージン: 0 自動} <br> #title{幅: 600px;背景色: グレー;マージン: 0 自動;} <br> #left{幅: 300px;高さ: 200px;マージン左: 70px;背景-color: black;} <br> #right{width: 400px;height: 300px;margin-right:100px;background-color: yellow;} <br> </head> <br> <body< ;div id="コンテンツ"> <br> <div id="nav">ナビゲーション</div> <br> <div id="タイトル" >title</div> <br> <div id="main"> <br> <div id="left">ニュース</div> <br> <div id="right" > div＆gt;/gt;/lt; . 親コンテナの幅を超えない限り、子コンテナの幅が収まる場合はmargin-rightの設定は無意味です<br> <br> #right{width: 400px;height: 300px;margin-right :100px; Background-color: yellow; float:right} <br> それが機能するかどうかを確認できます <br> <br> すべてのスタイル属性が役割を果たす必要があるわけではありません <br> <br> 1 階が言ったことはあまり明確ではありません。つまり、親コンテナーは次のことは可能ですか?取り除くことで効果が現れるのでしょうか？詳しく説明してもらえますか？ <br> <br> 外側の div: width:500px; <br> </p> <p> 内側の div: margin-right: 50px; はうまくいくと思いますか？ </p> 比較といえば。 。 。 。分かるかな？ <br> <h2> 実際、私の div はどれも独立したものではありませんが、コンテンツの幅を設定していません。 </h2> 私は CSS の初心者です。要素の絶対配置、相対配置、および浮動配置について理解していますか?投稿者は最初にこれらを学習することが推奨されます。 <p class="sougouAnswer"> </p> マージンとは、2 つのマークの間にスペースを残すことです <p class="sougouAnswer"> マークが 1 つしかなく、それが左側にある場合、margin-right は効果がありません <br> </p> http://bbs.blueidea.com/thread-2803660-1- 1.html <p class="sougouAnswer"> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>div练习页面布局</title><style type="text/css">#nav{width: 1347px;height:80px;background-color: red;}#search{width:800px;height:60px;background-color:blue; margin: 0 auto}#title{width: 600px;background-color: gray;margin: 0 auto;}#left{width: 300px;height: 200px;margin-left:70px;background-color: black;float:left;}#right{width: 400px;height: 300px;margin-right:100px;background-color: yellow;float:right;}#main{width:900px;}导航搜索标题要闻新闻图片轮播
