早速のレスをまことにありがとうございます。
大変わかりにくい質問のしかたをしてしまったのに、
ご丁寧に回答いただき感謝しております。
実際試しましたのは以下のソースです。
まず以下のようなHTMLがあります。
<body>
<div id="container">
<div id="wrapper">
<div id="contents">
<div id="waku">
</div>
<div id="waku">
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
続いて次のようなCSSがあります。
この場合は、footerでfloatが解除されているので、
問題ありません。
body {
text-align: center;
background: #feedfa;
}
#container {
width: 753px;
margin: 0px auto;
}
#wrapper {
background: #333333;
width: 753px;
text-align: center;
}
#contents {
float: left;
background: #FFFFFF;
}
#waku {
height: 150px;
width: 556px;
border: 1px solid #CCCCCC;
}
#footer{
height:36px;
width: 745px;
clear: both;
}
ですが、もし、#footerでfloatを解除しない場合は、
#wrapperから#contentsがはみ出してしまいます。
このときの対応として、#wrapperにfloatをかけると、
きちんと#contentsが#wrapperにおさまります。
この方法は正しいのだろうかと思いまして質問させていただきました。
宜しくお願いいたします。
