div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
来源:互联网 发布:pdf转图片 软件 编辑:程序博客网 时间:2024/06/06 23:04
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>采用div定位技术对div进行排版(绝对定位,相对父容器定位)</title> <meta name="keywords" content="自定义关键字"/> <meta name="description" content="自定义描述"/> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <style type="text/css">#father{background-color:#FFFF99;width:100%;height:100px;border:1px dashed green;position:relative;/*父容器设为相对定位*/}#son1{position:absolute;/*相对于father定位*/right:0;}#son2{} </style> </head> <body><div><div id="father"><div id="son1">aaaaaaaaaa</div><div id="son2">bbbbbbbbbb</div><div id="son3">cccccccccc</div></div></div> </body></html>
效果截图:
- div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
- div+css基础——6.采用div定位技术对div进行排版(绝对定位,不指定父容器)
- div+css基础——5.采用div定位技术对div进行排版(相对定位)
- div+css基础——3.采用div浮动对div进行排版
- CSS定位DIV绝对底部
- div+css的绝对定位
- div+css绝对定位和相对定位
- 关于DIV相对于父DIV绝对定位
- div+css基础——8.绝对定位应用(照片签名)
- div绝对定位
- div 绝对定位覆盖
- DIV+CSS定位之相对定位与绝对定位
- div相对定位和div绝对定位
- css定位那点事 为指定div添加绝对定位
- Div+Css控制div定位
- DIV+CSS----Div的定位
- 详解学习DIV+CSS之绝对定位和相对定位
- CSS+DIV里面相对定位和绝对定位的区别
- Sicily 1142 排序 (SOJ 1142) 【搜索剪枝】
- div+css基础——6.采用div定位技术对div进行排版(绝对定位,不指定父容器)
- create table
- ThreadPoolExecutor线程池的使用与理解
- windows下使用mahout|Taste实现协同过滤算法
- div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
- 对C标准中空白字符(空格、回车符(\r)、换行符(\n)、水平制表符(\t)、垂直制表符(\v)、换页符(\f))的理解
- Tomcat搭建个人网站
- div+css基础——8.绝对定位应用(照片签名)
- oracle数据库常用操作语句
- 关于指针和数组的区别
- 推荐程序员学习网站
- java去除字符串中的空格、回车、换行符、制表符
- 『创意欣赏』60款惊艳的 iOS App 图标设计《第二季》