html – 使div填满剩余空间

前端之家收集整理的这篇文章主要介绍了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被遗漏,我希望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>
原文链接:https://www.f2er.com/html/227911.html

猜你在找的HTML相关文章