Div Alignment FireFox，IE7，IE6

Question

我在對齊IE6，IE7，IE8和Firfox 3中的兩個div時遇到問題。它們都無法像其他人一樣正確顯示IE8和Firefox。

是否可以通過浮點數和清除數來做到這一點。.它們之間不需要有任何間距，我只是用這種方式繪制了..而且，div的寬度應該固定。

替代文字http://cowfarm.net/divAlign.png

Answer 1

是的，這是可能的：

<table>
    <tr>
        <td></td>
        <td rowspan='2'></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td colspan='2'></td>
    </tr>
</table>

當然，我只是在開玩笑。

Answer 2

兩個左DIV和右DIV的總高度不會相等。 當然，除非您指定這些內容，否則如果內容物產生相同的高度...但這不是我認為的問題嗎？

更新資料

<style type="text/css">
    #container {float:right;position:relative;}
    #left    {float:left;}
    #left_1  {float:left;}
    #left_2  {clear:left;float:left;}
    #right   {float:right;}
    #bottom  {float:left;clear:both;}
</style>

<div id="container">
    <div id="left">
        <div id="left_1">left 1</div>
        <div id="left_2">left 2</div>
    </div>

    <div id="right">right</div>

    <div id="bottom">bottom</div>
</div>