position和float的结合运用
来源:互联网 发布:网络诈骗报案流程 编辑:程序博客网 时间:2024/06/10 04:00
刚做的帮助中心还没有明白里面的奥妙,这里又碰到了,absolute让relative的可以不按照float的div约束。
#content { width:780px; margin:0 auto; position:relative; left:0; clear:both; } #contentLeft { /*width:135px;*/ } #contentRight { width:780px; margin:0 auto; <span style="color:#ff0000;"> position:absolute;</span> left:645px; }
定义了上面的打的div和下面左右两个div,由于有head和foot的关系,因为header和footer都有relative,所以这里只能用left偏移来把右边的撑到右边。这里position:absolute是关键,否则右边的会会压到下面。
正常的用过absolute就会正常。
div的这些效果在H5体现最多。
0 0
- position和float的结合运用
- float和position的应用
- position 和float 的对立。
- position的属性和float
- float和position的区别
- position和float的区别
- css position和float的使用方法
- position:relative和float的区别
- 'display'、'position' 和 'float' 的相互关系
- display, position和float的关系
- css--position和float
- position float的用法
- CSS: float属性和position属性的区别和应用
- position和float属性详解
- Float浮动和position定位
- 关于CSS中float和position的使用
- css-position,float,display的关系和优先级
- css的文档流,float浮动和position定位
- FastDFS的配置、部署与API使用解读(2)以字节方式上传文件的客户端代码
- 五行
- sched_setscheduler用法 http://m.blog.csdn.net/blog/manshq163com/7717209
- 受css内嵌样式中使用 url 影响,页面出现多次加载问题
- CentOS 7搭建hexo博客
- position和float的结合运用
- Android下开机自启动C程序
- Java 动态代理机制分析及扩展
- android 蓝牙4.0 ble 低功耗蓝牙
- 排序算法JAVA实现二
- nginx +php 编译
- Android 去标题栏,Activity 满屏那些你所不知道的 Theme Style
- NEU 1252 (拆位)
- FastDFS的配置、部署与API使用解读(3)以流的方式上传文件的客户端代码