收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 8697|回复: 8

[求助] 请问怎么在一个DIV中,让上边的DIV顶部对齐,下边的DIV底部对齐

[复制链接]
发表于 2013-5-23 16:07:03 | 显示全部楼层 |阅读模式
25体力
本帖最后由 dingsword 于 2013-5-23 16:08 编辑

1.jpg

请问怎么在一个DIV中,让上边的DIV顶部对齐(如附图中的A),下边的DIV底部对齐(如附图中的C),谢谢!

最佳答案

查看完整内容

[html] DIVA DIVB DIVC DIVD [/html]
发表于 2013-5-23 16:07:04 | 显示全部楼层
本帖最后由 piscdong 于 2013-5-24 15:42 编辑

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

发表于 2013-5-23 16:22:27 | 显示全部楼层
DIV默认是“顶部对齐”的,下面的DIV绝对定位到底部
回复

使用道具 举报

 楼主| 发表于 2013-5-23 17:46:08 | 显示全部楼层
AllanWang 发表于 2013-5-23 16:22
DIV默认是“顶部对齐”的,下面的DIV绝对定位到底部

谢谢,AllanWang

我用position: absolute; bottom: 10px; left: 0;来让其下边的DIV C底对齐,但是发现如果页面长的话,DIV C并不能在最底,而是针对浏览器的底部,一旦上下拉动滚动条就会出现DIV C随着升上去。
回复

使用道具 举报

发表于 2013-5-24 08:20:37 | 显示全部楼层
要给包含DIV C的div块的position属性设成absolute或relative(一般是设relative),这样DIV C在设绝对定位时就会以包括它的div块为基准进行定位,否则它会以浏览器窗口为基准定位,就会出现你现在遇到的情况。
回复

使用道具 举报

 楼主| 发表于 2013-5-24 13:31:37 | 显示全部楼层
本帖最后由 dingsword 于 2013-5-24 13:33 编辑
sakula963 发表于 2013-5-24 08:20
要给包含DIV C的div块的position属性设成absolute或relative(一般是设relative),这样DIV C在设绝对定位时 ...


谢谢sakula963,我测试了一下感觉还是有点问题,你看一下

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

发表于 2013-5-24 14:35:40 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

 楼主| 发表于 2013-5-24 15:22:39 | 显示全部楼层
本帖最后由 dingsword 于 2013-5-24 15:26 编辑
piscdong 发表于 2013-5-24 14:35


piscdong ,非常感谢你的帮助。
请问是否有办法在右边的DIV D高度变化时候,左侧DIV C可以一直底部对齐。我修改了一下你发的样式,但是好像不管用

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

 楼主| 发表于 2013-5-24 16:48:53 | 显示全部楼层
piscdong 发表于 2013-5-23 16:07
[html]

非常感谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-31 01:02 , Processed in 0.112023 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表