+ -
当前位置:首页 → 问答吧 → 新手求教 3个div顶端为什么不对齐

新手求教 3个div顶端为什么不对齐

时间:2011-10-18

来源:互联网


<head> <title></title> <style type="text/css"> *{margin:0px;padding:0px;border:0px;} #left{ width:200px; background:red; } #middle{ position:absolute; margin-left:200px; width:300px; background:yellow; } #right{ position:absolute; margin-left:500px; width:200px; background:blue; } </style> </head> <body> <div id="left"></div> <div id="middle"></div> <div id="right"></div>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 zhuyrhappy 于 2011-10-18 15:39 编辑 ]

作者: zhuyrhappy   发布时间: 2011-10-18

我好像也遇到过这种问题

作者: haerbinwj   发布时间: 2011-10-18

后面两个容器指定了position:absolute;但是没有指定top属性,而div本身是块属性,那么后面两个会贴在第一个div下面,指定下top:0;试试。楼主要的效果应该是三个div并排吧 感觉没有必要用到position吧?左右两边的各自float,中间的div指定margin左右大小为那两个div宽带就好,最外层用个容器包起来。

作者: Kiner   发布时间: 2011-10-18

嗯嗯,谢谢

作者: zhuyrhappy   发布时间: 2011-10-18