关于CSS布局的简单问

<body>
    <div id="div1" style="height:30px;width:100%">
    </div>
    <div id="div2" style="width:100px">
    </div>
</body>
div2的高度怎么通过CSS设定，能让它占满body剩下的空间？我知道通
过决对定位设置top为30/bottom为0能实现，还有没有其它方法？

解决方案 »

  1.   

      <div id="div2" style="width:100px">更正为
      <div id="div2" style="width:100%">
      

  2.   

    代码例子
    http://blog.csdn.net/xyxy617/article/details/5882683
      

  3.   

    div2的高设置为body的高-30px，嘿嘿。
      

  4.   

    只能用样式？那你就用Body的高度减去div1的高度吧，想不出符合你要求的其他办法？
      

  5.   

    你所说的，top为30/bottom为0也并不能实现，一旦缩小窗口，div2也会跟着缩小，必须通过js来完善
      

  6.   


    要的就是这个效果啊，参考这个帖子：
    http://bbs.csdn.net/topics/390474109
      

  7.   


    要的就是这个效果啊，参考这个帖子：
    http://bbs.csdn.net/topics/390474109毫无意义，一个不稳定的层，不规则的属性，带来的隐患极大
      

  8.   


    要的就是这个效果啊，参考这个帖子：
    http://bbs.csdn.net/topics/390474109毫无意义，一个不稳定的层，不规则的属性，带来的隐患极大什么意思啊？
    为啥说话都说一半啊，这不在讨论呢么。
      

  9.   


    要的就是这个效果啊，参考这个帖子：
    http://bbs.csdn.net/topics/390474109毫无意义，一个不稳定的层，不规则的属性，带来的隐患极大在技术论坛上，没意义你也要给个原因指点一下吧。
    嗤之以鼻似的贬低别人是为了显示我们根本和你不再一个技术层次上还是底气不足的表现？
    情商为0.
      

  10.   

    现在的css并不能独立使用，只有加上js才是完美的
      

  11.   

    用脚本，动态获取浏览器的高度-div1的高度，然后写到div2的style