新手求教 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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28