<p class="tag"> HTML CSS </p> 以下の HTML CSS を参照してください。 <br> 1. id="right" の div の上部が id="left" の div の上部と揃っていないのはなぜですか? <br> 2. id = "center" の div が、左の div と右の div を除く親 div のスペースを占めるようにしたいです (下の図に示すように)。 <br> <br> <br> <html> <br> <style type="text/css"> <br> margin: 0; <br> <br> #parent{ <br>余裕：0のパディング：500px： 150px; <br> アウトライン: 実線 <br> } <br> <br> #right{ <br> 上: 0; <br> 高さ: 150px; <br> <br> #center{ <br>概要<br> div id="left"> <br> <div> <br> <div> <div id="right"> <br> </div> <br> <div class="clear"/> <br> </body> <br> </html> : <br /> <br /> <br /> <br /> の位置に影響されます。 centerのCSSにposition:relative;を追加することで解決できます。 <br /> <br /> うわー<br /> <br /> あなたは私の質問を理解していませんでした<br /> <br /> 最初の質問は、浮動要素が順番に配置されているということです。中央に中心がない場合、右のブロックは上に上がり、左の反対になります。中央に2ブロック分の位置にセンターがあり、それが大きなコンテナと同じ幅であるため、センターの右側、つまり改行に右側を配置することができません。 <br /> 2番目の質問 03bd8043ba68950812de532f20932bd8 <br /> <head> <br> <br> マージン: 0; <br> } .clearfix:after{ height: ;コンテンツ:""; 表示:ブロック; <br> マージン: 0 自動; <br> 高さ: 500 ピクセル; <br> 位置: 相対<br> } <br> #left{ <br> float: 左; <br> 高さ: 150px; <br> <br> #right{ <br> 上: 0; ; <br> 高さ: 150px; <br> アウトライン: ソリッド イエロー; <br> <br> #center{ <br> マージン: 156px; <br> 高さ: 156px; <br> < ;/style> <br> </head> <h2> <div id="parent" class="clearfix"> <div id="left">/div> div id="right">right</div> <p class="sougouAnswer"> <div id="center">center</div> <br> </body>//ここで中心のマージンを定義します-left の幅は、左幅の実際の幅 + ボーダーの幅 + 自身のフレームの幅です。 margin-right の幅は、右幅の実際の幅 + ボーダーの幅 + 自身のフレームの幅です。高さは親ウィンドウの高さに合わせてください <br> <br> rree </p>
