加上position:absolute
元没春素就变成绝对定位的了，它的位置是相对于position:relative; 第一个父元素进行定位,没有的话就相对于根元素html了
绝对定位的元素的位置通过 "left", "top", "right" 以及 "bottom" 属性设置
比如:
left:100px;
top:150px;
(绝对定位的元素就脱离文档流了, 要分别为每一个元素设置top,left值,才不会枯滑耐重让弊叠一起!!!!)
position：absolute是绝对定位，你瞎御梁将四个li都绝拆瞎对磨运定位了，而且又没给每一个li设置相应的定位位置，所以就默认就是重叠在一个位置
absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom
等属性相对于其最接近的一个最有定位设置的父对象进行郑雹绝对定位。喊禅帆
如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义
absolute:表示绝对定位。你所有袭和的li都是给一样的宽高，所有的样式都是一样的，所以就会重叠起来啊，你只看得到4.其实它们都重叠在一起了。
css hack解决
使用 absolute
如两个绝对定位对象的 z-index 属性具有清雹同样的值,那么将依据它们在HTML文档中声明的顺序层叠.
z-index 为无单位败正者的整数值,可为负数.按照数值的大小排列,数值越大,越在外层.
不使用 position 那么其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况察薯出现
position:absolute是绝对定位，其实position:fixed也是绝对定位的一种扩展或者说变型。 两者都脱离了文档流，但是又有很大的不同点，那就是position:fixed定位的元素会固定原来的位置不变，乱改无论如何拖动滚动条，从fixed这个英文键陪孝单词稿稿的意思也可以...
absolute是绝对定位；而relative是相对定位；
解释：
绝对定位就是扮埋凯相对于父元素的定位，不受父元素内其他子元素的影响；
而相对定位是相对于同级元素的定位，也就是上一个同级元素。
以上就是土嘎嘎小编大虾米为大家整理的cssabsolute定位问题_css中固定定位,静态定位是什么意思?相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！