关于CSS中的float和position_html/css_WEB-ITnose
程序员文章站
2022-05-10 19:13:01
...
postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。
float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于移动后的新位置进行重新渲染,可以重叠,原位置被清空。
二者之中最大的差别就是位置保留。
float定位:
- li1
- li2
- li3
position:relative定位:
- li1
- li2
- li3
分别运行,查看一下运行效果。
推荐阅读
-
关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
CSS3的RGBA中关于整数和百分比值的转换
-
关于css中margin的值和垂直外边距重叠问题
-
css3中的content和实体_html/css_WEB-ITnose
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
关于css中overflow:hidden的使用_html/css_WEB-ITnose
-
css中关于文本颜色的设置问题_html/css_WEB-ITnose
-
关于css中overflow:hidden的使用_html/css_WEB-ITnose
-
同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?_html/css_WEB-ITnose