提交酷站 !!
登陆
注册
首页
酷站
设计
代码
素材
美图
论坛
您的位置：
首页
-
代码
-
CSS教程
- 正文
DIV相对于父DIV底部对齐的实现方法
作者：未知 文章来源：互联网 发布时间：2007-01-03 18:08:16
一般代码-未底部对齐：
<style type="text/css"> .box1 {border:1px #cccccc solid; width:500px; height:600px;} .box2 {border-top:1px #cccccc solid; border-bottom:0; background:#f2f6fb; width:500px; height:22px;} </style> <div class="box1"> <div class="box2"></div> </div>
提示：您可以先修改部分代码再运行
底部对齐的代码：
<style type="text/css"> .box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;} .box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;} </style> <div class="box1"> <div class="box2"></div> </div>
提示：您可以先修改部分代码再运行
Web标准
CSS教程
XHtml教程
CSS布局实例
热门文章
为何要遗弃HTML，执...
为什么要Web标准化，...
有人说div+CSS网页布...
三列式网页布局如何...
如何将链接的下划线...
Div+CSS网页布局：用cl...
HTML4.0与XHTML1.0真正的...
CSS标识当前位置页效...
DIV CSS列形导航一例...
一定要学CSS吗？有什...
最新文章
DIV CSS网页布局：HTML...
DIV CSS网页布局：实...
DIV CSS网页布局：最...
DIV CSS网页布局常用...
DIV CSS网页布局：三...
DIV CSS网页布局：用CS...
左中右3栏布局中最...
CSS floats来创建三栏...
页脚最小高度100%保...
解决列高度自适应的...
