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

3 DIV独立相对和顶部对齐

alignment cross-browser css

-1

Knu · 技术社区 · 16 年前

如何(顶部)对齐3个应相对于上一个DIV的DIV(但不在它们之间)?
我不能用花车或 position:inline-block (如果你设定 display:none 在两个跳台上,最后一个不应该移动)。
position:absolute 也不是因为下面有一个相对的页脚。
vertical-align:top 使用跨距不工作-有解决方法吗?

我试过用包装纸,但它不起作用,因为沙发的高度不固定。
包装器的高度将被完全忽略(通过下面的页脚),除非我使用相对子级。

有什么想法吗?

1 回复 | 直到 16 年前

1

0

Knu 16 年前

HTML
顺序很重要,包装器是可选的(用于放置侧边分隔板)

<div id="wrapper">
<div id="left"></div>
<div id="right"></div>
<div id="middle"></div>
</div>
<div id="footer"></div>

CSS

#left {float:left}
#middle {margin:0 auto}
#right {float:right}
#footer {clear:both}

除非有人想出更容易的办法我会在24小时内接受我的答复