请教一CSS布局问题
<style type="text/css">
#DIV1 {
height: 100%;
width: 100%;
background-color: #900;
}
#divLeft {
float: left;
height: 100%;
width: 200px;
background-color: #FF0;
}
#divAll {
background-color: #F0F;
float: left;
height: auto;
width: auto;
}
</style>
<div id="DIV1">
<div id="divLeft">此处显示 id "divLeft" 的内容</div>
<div id="divAll">此处显示 id "divAll" 的内容</div>
此处显示id "DIV1" 的内容</div>
DIV1里有两个DIV,
divLeft的宽度必须为200px,余下的空间让divAll填满,应该怎么做?
[解决办法]
#divAll {
background-color: #F0F;
float: left;
height: auto;
width: auto;
}
中的
float: left;
删除就可以的
<style type="text/css">
#DIV1 {
height: 100%;
width: 100%;
background-color: #900;
}
#divLeft {
float: left;
height: 100%;
width: 200px;
background-color: #FF0;
}
#divAll {
background-color: #F0F;
height: auto;
width: auto;
}
</style>
<div id="DIV1">
<div id="divAll">
<div id="divLeft">此处显示 id "divLeft" 的内容</div>
<div>此处显示 id "divAll" 的内容</div>
</div>
<div style="height:0;clear:both"></div>
此处显示id "DIV1" 的内容</div>
[解决办法]
