CSS两个栏布局问题

-1

image of css layout that i want CSS两个栏布局问题

THAS是我想要完成，就是那种，我有有茨艾伦烦恼两列在一起的布局，但比第二长的第一位，并让他们内的白色DIV。

所以..

DIV1：仅仅是一个自动的高度和黑色BG
DIV2格：同DIV1但白色BG
DIV3和DIV4与汽车高度的div也和灰BG在一些点div 4可能比div 3更长或反过来，这些列可以在高度上增加，因此div1和div2应该延伸
div5-8只是图像。

我能够得到这个定位的div，但他们不会留在白色div（当我浮动左div 3）他们显示像div 3是在白色和黑色div顶部，如果我让时间越长，绵延超过DIV1和2

或者我也可以让他们所有的白格内，但没有漂浮离开DIV4其犯规帮助=/

我知道必须有一些定位问题，但我尝试了一些组合，他们不会工作，在这一点上，我没有使用任何相对或任何位置。

帮助表示赞赏。

来源

2010-08-11 Gmo

DIV3和DIV4必须float编...

DIV5 - DIV8需要clear:both;

<style> 
     div       { overflow:hidden; } 
     div.3, div.4     { float:left; } 
     div.5, div.6, div.7, div.8 { clear:both; } 

    </style> 
    <div class="1"> 
     <div class="2"> 
     <div class="3"></div> 
     <div class="4"></div> 
     <div class="5"></div> 
     <div class="6"></div> 
     <div class="7"></div> 
     <div class="8"></div> 
     </div> 
    </div>

这是它的JIST，您在填写其余...

来源

2010-08-11 03:05:37 xandercoded

非常感谢你，溢出：隐藏，使它发生！，不知道它做了什么，但没有调查，再次感谢！ – Gmo 2010-08-11 03:22:37

Yeap，当你没有指定它时溢出是很时髦的。我通常将其设置为隐藏。我很少想在东西容器外面看到东西。 – xandercoded 2010-08-11 03:26:55

去960 Grid System。通过使用960框架，您应该能够在几分钟内完成上述模型。

来源

2010-08-11 03:46:11

CSS两个栏布局问题

回答

相关问题