div位于父容器底部
来源:互联网 发布:pc安装mac os x10.12 编辑:程序博客网 时间:2024/05/01 01:31
先上效果图,重点是父容器设置position属性为relative,子div的position设置为absolute,如果父容器没有设置relative属性,子div会相对于页面的底部
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>例子</title><style type="text/css">html{width: 100%;height: 100%;}*{margin: 0;padding: 0;}body{width: 100%;height: 100%;}.parent{position: relative;top: 20%;height: 300px;width: 300px;margin:0 auto;border: 1px solid #000000;}.child{z-index: 99;position: absolute;bottom: 0;width: 100%;height: 80px;background: #000000;}</style></head><body><div class="parent"><div class="child"></div></div></body></html>
0 0
- div位于父容器底部
- div 对齐父容器底部
- div始终位于屏幕底部
- css使DIV位于页面最底部
- 一段永远让div位于页面底部的css代码
- 让footer div位于网页 页面 底部css3 position:fixed
- android tabhost位于底部
- Android 位于底部的Tab
- 让dv位于浏览器底部
- div位于窗口下方
- 实现子div在父div的底部
- 总位于屏幕底部的按钮
- 按钮位于 屏幕底部的布局
- 获得一个位于屏幕底部的tabhost
- Android 使控件位于界面底部
- footer 始终位于页面的底部
- div底部对齐
- div内容底部对齐
- Android 源码系列之<三>从安全的角度深入理解BroadcastReceiver(下)
- PS 快捷键收集
- oc开发笔记2 AUGraph 完成同时录音与播放
- 自定义一个圆圈View
- 网络数据包发送接收全过程
- div位于父容器底部
- 中国股市十大传奇人物
- Controller中错误 TypeError: $rootScope.$broadcast is not a function
- Mysql实现RowNumber
- word打不开,提示“很抱歉,无法打开...docx,因为内容有问题。”的解决----亲测,写的论文出现此问题打不开吓尿了
- distribution状态下打包和run报错
- 杭电1196
- SVM-支持向量机算法概述
- nodejs中mysql用法