DIV相对于父DIV底部对齐的实现方法
2010-06-28 10:37
495 查看
我们在网站建设过程中经常会使用到底部对齐这样的技术,如果是表格来制作的话就简单了,但在CSS+DIV流行的今天,我们需要解决这样的问题就显得有点复杂,下面给出一段例子,希望对大家有所帮助。
先介绍一段没有底部对齐的代码:
以下是代码片段:
<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;}
.box2 {border-top:1px #cccccc solid; border-bottom:0; background:#f2f6fb; width:500px; height:22px;}
</style>
<div class="box1">
<div class="box2"></div>
</div>
相关文章推荐
- (转)DIV相对于父DIV底部对齐的实现方法
- DIV相对于父DIV底部对齐的实现方法-Div+CSS教程
- DIV相对于父DIV底部对齐的实现方法
- DIV相对于父DIV底部对齐的实现方法
- 实现两个不同高度的UILabel的文字底部相对于下划线对齐。不是很简单吗? 是吗?你敢按你常规方法试试让你那火眼金睛的设计、美工去瞧瞧???
- div顶部对齐,animate()方法防浏览器底部遮挡,气泡效果尖角的实现
- CSS布局之div交叉排布与底部对齐--flex实现
- 通过使用绝对定位和相对定位,实现div底部对齐
- 图片在div中垂直和水平同时对齐的实现方法
- 用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
- 在div中使用css让文字底部对齐的方法
- JS简单实现DIV相对于浏览器固定位置不变的方法
- 解决iframe,div在移动设备上实现局部刷新的方法
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- 鼠标拖动层(可任意绑定DIV标签)的两种实现方法
- JS实现点击按钮控制Div变宽、增高及调整背景色的方法
- CSS+DIV 完美实现垂直居中的方法
- Ext实现滚动条一直处于底部的方法
- Python实现将绝对URL替换成相对URL的方法
- android5.1系统修改源码实现隐藏底部状态栏、隐藏通知栏、隐藏上方状态栏、永不熄屏的方法