div+css基础——5.采用div定位技术对div进行排版(相对定位)
来源:互联网 发布:sql语句check约束 编辑:程序博客网 时间:2024/06/08 13:44
div+css布局的第二种技术是定位技术position,定位技术又分为两种:
1.相对定位relative
2.绝对定位absolute
下面是相对定位的示例代码:
<!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;}#son1{position:relative;left:60%;}#son2{} </style> </head> <body><div><div id="father"><div id="son1">aaaaaaaaaa</div><div id="son2">bbbbbbbbbb</div></div></div> </body></html>
效果截图:
- div+css基础——5.采用div定位技术对div进行排版(相对定位)
- div+css基础——6.采用div定位技术对div进行排版(绝对定位,不指定父容器)
- div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
- div+css基础——3.采用div浮动对div进行排版
- div+css绝对定位和相对定位
- div相对定位
- DIV+CSS定位之相对定位与绝对定位
- div相对定位和div绝对定位
- Div+Css控制div定位
- DIV+CSS----Div的定位
- 详解学习DIV+CSS之绝对定位和相对定位
- CSS+DIV里面相对定位和绝对定位的区别
- 实例演示div+css的绝对定位和相对定位
- 实例演示div+css的绝对定位和相对定位
- 详解div+css相对定位和绝对定位用法
- 详解学习DIV+CSS之绝对定位和相对定位
- 详解div+css相对定位和绝对定位用法
- 详解div+css相对定位和绝对定位用法
- 关于此次scoi
- Rails 实战 0x01
- Statistical Formulas For Programmers
- 【浅析网页打开慢的原因及解决方案】
- OFBIZ 常用类
- div+css基础——5.采用div定位技术对div进行排版(相对定位)
- MFC类层次结构仿真(参考了侯俊杰的《深入浅出MFC》)
- 类中const函数及非const函数的调用规则
- 如何写出正确的二分查找?——利用循环不变式理解二分查找及其变体的正确性以及构造方式
- Harris Corner Detector 原理及编程实现
- 指针类型转换
- 【win7无法使用局域网共享的解决方案】
- 第十二章 基本认证机制
- CSDN脑残啊,明胆登录了老提示要登录才能下载