html – 使div填满剩余空间

概述我有3个div在一个外部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被 我有3个div在一个外部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填满剩余空间.我该怎么做？

解决方法 这样的东西怎么样？ http://jsfiddle.net/steweb/ELKQg/

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填满剩余空间全部内容，希望文章能够帮你解决html – 使div填满剩余空间所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。