日期:2014-05-17  浏览次数:20654 次

div+css问题 高手请看
我现在希望作一个页面布局。

<div   id= "0 ">
      <div   id= "1 "> </div>
      <div   id= "2 ">
                  <div   id= "2-1 "> </div>
                  <div   id= "2-2 "> </div>
      </div>
        <div   id= "3 "> </div>  
</div>
<div   id= "4 "> </div>

  希望的布局样式为:0的这块,内部分三列分别为1、2、3。宽度不同,但高度相同。其中,2的这块,又分上下两块2-1,2-2。两块宽度相同,但高度不同。而且,高度可随着内部内容的增减变化。但块2的高度,随着2-1,2-2的变化相应变化。同样,块1,3与最低层的0也随着变化。
块4,在块0的下面,与0的间隔为固定的值。高度不同,与0宽度相同。

position   float   clear这几个属性,颠来倒去试验了很多遍了,本来按原来的理解应该是比较简单的。可就是作不出来,也许是理解上出了偏差,请高手指教。

------解决方案--------------------
在IE中存在一个高度不适应的问题,具体的请参考我写的
http://blog.csdn.net/comefirst/archive/2007/04/26/1586084.aspx
中盒模型问题的第二点,高度不适应问题。
相信对你有所帮助。