关于CSS中的float和position_html/css_WEB-ITnose
程序员文章站
2024-02-11 23:11:04
...
postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。
float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于移动后的新位置进行重新渲染,可以重叠,原位置被清空。
二者之中最大的差别就是位置保留。
float定位:
- li1
- li2
- li3
position:relative定位:
- li1
- li2
- li3
分别运行,查看一下运行效果。
上一篇: Access报表打印如何自动分页
下一篇: 网页开发当该用哪种语言
推荐阅读
-
关于CSS中的float和position_html/css_WEB-ITnose
-
关于table中,td的上下边框间距问题_html/css_WEB-ITnose
-
html标记中的和元素到底是行内元素还是块级元素?请告知!多谢了!_html/css_WEB-ITnose
-
CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose
-
关于css float 属性以及position:absolute 的区别。_html/css_WEB-ITnose
-
关于jquery中css,addclass,sttr修改样式的效率问题?_html/css_WEB-ITnose
-
10_Android中通过HttpUrlConnection访问网络,Handler和多线程使用,读取网络html代码并显示在界面上,ScrollView组件的使用_html/css_WEB-ITnose
-
HTML5关于上传API的一些使用(中)_html/css_WEB-ITnose
-
请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose
-
chrome中不可见字符引发的float问题_html/css_WEB-ITnose