html CSS レイアウトの問題_html/css_WEB-ITnose

HTML CSS

以下の HTML CSS を参照してください。
1. id="right" の div の上部が id="left" の div の上部と揃っていないのはなぜですか?
2. id = "center" の div が、左の div と右の div を除く親 div のスペースを占めるようにしたいです (下の図に示すように)。


100db36a723c770d327fc0aef2ce13b1
080b747a20f9163200dd0a7d304ba388
margin: 0;

#parent{
余裕：0のパディング：500px： 150px;
アウトライン: 実線
}

#right{
上: 0;
高さ: 150px;

#center{
概要
div id="left">
dc6dce4a544fdca2df29d5ac0ea9906b
dc6dce4a544fdca2df29d5ac0ea9906b 933da5eb64e67ee2599877186ac08c97
16b28748ea4df4d9c2150843fecfba68
f315e3f8122d170a26878fc1f5c601dd
36cc49f0c466276486e50c850b7e4956
fa9ead41d55b9795ba708f082c22c353

マージン: 0;
} .clearfix:after{ height: ;コンテンツ:""; 表示:ブロック;
マージン: 0 自動;
高さ: 500 ピクセル;
位置: 相対
}
#left{
float: 左;
高さ: 150px;

#right{
上: 0; ;
高さ: 150px;
アウトライン: ソリッド イエロー;

#center{
マージン: 156px;
高さ: 156px;
< ;/style>
fd749dcd7874d6db250ccf26e7b73875 961dd75297247cb17f67e6948fb06668/div> div id="right">right16b28748ea4df4d9c2150843fecfba68

bd998c783e6b4390e476b10ce195cd70center16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956//ここで中心のマージンを定義します-left の幅は、左幅の実際の幅 + ボーダーの幅 + 自身のフレームの幅です。 margin-right の幅は、右幅の実際の幅 + ボーダーの幅 + 自身のフレームの幅です。高さは親ウィンドウの高さに合わせてください

rree