首页 > web前端 > html教程 > 关于CSS中的float和position_html/css_WEB-ITnose

关于CSS中的float和position_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:51:39
原创
1090 人浏览过

postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。

float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于移动后的新位置进行重新渲染,可以重叠,原位置被清空。

二者之中最大的差别就是位置保留。

 

float定位:

 


  • li1

  • li2

  • li3

 

position:relative定位:



  • li1

  • li2

  • li3

 

分别运行,查看一下运行效果。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板