我在一个外部 div 中包含 3 个 div。我通过将它们向左浮动来水平对齐它们。和 div3 作为右浮动
<div id="outer">
<div id="div1">always shows</div>
<div id="div2">always shows</div>
<div id="div3">sometimes shows</div>
</div>
div1 和 div3 具有固定大小。 如果 div3 被排除在外,我希望 div 2 填满剩余空间。我该怎么做?
最佳答案
像这样的事情呢? https://jsfiddle.net/Siculus/9vs5nzy2/
CSS:
#container{
width: 100%;
float:left;
overflow:hidden; /* instead of clearfix div */
}
#right{
float:right;
width:50px;
background:yellow;
}
#left{
float:left;
width:50px;
background:red;
}
#remaining{
overflow: hidden;
background:#DEDEDE;
}
正文:
<div id="container">
<div id="right">div3</div>
<div id="left">div1</div>
<div id="remaining">div2, remaining</div>
</div>
关于html - 让div填满剩余空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5043804/