代码之家 › 专栏 › 技术社区 › Andrew

Div-Alignment火狐,IE7,IE6

css-float html css

1

Andrew · 技术社区 · 17 年前

在IE6、IE7、IE8和Firfox 3中,我在校准几个潜水器时遇到问题。他们都不能像其他人一样正确呈现IE8和Firefox。

是否可以通过浮动和清除来执行此操作。它们之间不需要任何间隔,我只是这样画的……此外,分区的宽度应该是固定的。

alt text http://cowfarm.net/divAlign.png

2 回复 | 直到 14 年前

1

2

Ropstah 17 年前

两个左格和右格的高度不相等。当然,除非您指定这些高度,或者内容产生相同的高度…但我想这不应该是个问题吧?

更新

<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>

2

4

Paolo Bergantino 17 年前

是的,这是可能的:

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

当然,我只是开玩笑。