html– 在列表元素中定位绝对值

概述我正在尝试根据视口定位一些列表的元素,但它们最终会坚持他们的父母.要重现这个问题,我只需要创建一个绝对定位元素的列表：body { background-color: lightgray; } ul { position: absolute; top: 50px; left: 50px; list-style: none; } .el

我正在尝试根据视口定位一些列表的元素,但它们最终会坚持他们的父母.

要重现这个问题,我只需要创建一个绝对定位元素的列表：

body {  background-color: lightgray;}ul {  position: absolute;  top: 50px;  left: 50px;  List-style: none;}.element {  position: absolute;  top: 0;  left: 0;  background-color: red;}

如您所见,元素不位于视口的左上角,而是相对于ul.
我错过了什么吗？它可能是li元素的静态位置吗？
最佳答案尝试使用position：fixed代替. position：absolute将相对于最近的定位祖先绝对定位一个元素(在这种情况下,你的ul与position：absolute),而position：fixed将相对于vIEwport *定位一个元素.
代码段：
body {  background-color: lightgray;}ul {  position: absolute;  top: 50px;  left: 50px;  List-style: none;}.element {  position: fixed;  top: 0;  left: 0;  background-color: red;}
*这有一些例外,例如对祖先的转换会破坏这种行为.          总结       
以上是内存溢出为你收集整理的html  – 在列表元素中定位绝对值全部内容，希望文章能够帮你解决html  – 在列表元素中定位绝对值所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: https://outofmemory.cn/web/1119272.html