Html 将元素定位在元素中,两者都在元素中?

Html 将元素定位在元素中,两者都在元素中?,html,css,css-float,html-lists,Html,Css,Css Float,Html Lists,我有这个: 左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; } 海军ulli a{ 文字装饰:无; } .菜单{ 浮动:对; } 您可以使用位置:相对;对于li元件和内跨使用位置:绝对;右:0 左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; 位置:相对位置; } 海军ulli a{ 文字装饰:无;

我有这个:

左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; } 海军ulli a{ 文字装饰:无; } .菜单{ 浮动:对; } 您可以使用位置:相对;对于li元件和内跨使用位置:绝对;右:0

左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; 位置:相对位置; } 海军ulli a{ 文字装饰:无; } .菜单{ 位置:绝对位置; 右:0; 排名:0; } 您可以使用位置:相对;对于li元件和内跨使用位置:绝对;右:0

左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; 位置:相对位置; } 海军ulli a{ 文字装饰:无; } .菜单{ 位置:绝对位置; 右:0; 排名:0; }
您可以这样修复它:

.menu {
  position: absolute;
  right: 0;
}

nav ul li {
  border-bottom: 2px solid red;
  border-left: 2px solid red;
  border-right: 2px solid red;
  position: sticky;
}
下面是一个演示:

左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; 位置:粘性; } 海军ulli a{ 文字装饰:无; } .菜单{ 位置:绝对位置; 右:0; }
您可以这样修复它:

.menu {
  position: absolute;
  right: 0;
}

nav ul li {
  border-bottom: 2px solid red;
  border-left: 2px solid red;
  border-right: 2px solid red;
  position: sticky;
}
下面是一个演示:

左{ 浮动:左; 宽度:40%; } 导航ul{ 列表样式类型:无; } 李国荣{ 底部边框:2倍纯红; 左边框:2倍纯红; 右边框:2倍纯红; 位置:粘性; } 海军ulli a{ 文字装饰:无; } .菜单{ 位置:绝对位置; 右:0; }
我对你的代码做了修改

如果你喜欢,请告诉我

左ul{ 宽度:250px; 列表样式类型:无; 填充:0; 边框:2倍纯红; } 左ulli a{ 填充:3px0 3px15px; 颜色:红色; 字体大小:粗体; 文本转换:大写; 文字装饰:无; } 左ulli{ 显示器:flex; 证明内容:之间的空间; } 左ul li。倒车标志{ 位置:相对位置; 宽度:22px; 边框样式:实心; 边框宽度:0.25px 15px; 边框颜色:红色透明红色透明; } 左ul-li-img{ 位置:绝对位置; 排名:0; 右:0; } 左:不是最后一个孩子{ 底部边框:2倍纯红; }
我对你的代码做了修改

如果你喜欢,请告诉我

左ul{ 宽度:250px; 列表样式类型:无; 填充:0; 边框:2倍纯红; } 左ulli a{ 填充:3px0 3px15px; 颜色:红色; 字体大小:粗体; 文本转换:大写; 文字装饰:无; } 左ulli{ 显示器:flex; 证明内容:之间的空间; } 左ul li。倒车标志{ 位置:相对位置; 宽度:22px; 边框样式:实心; 边框宽度:0.25px 15px; 边框颜色:红色透明红色透明; } 左ul-li-img{ 位置:绝对位置; 排名:0; 右:0; } 左:不是最后一个孩子{ 底部边框:2倍纯红; }
你能包括你正在使用的图像吗?你能包括你正在使用的图像吗?一点解释可能会有所帮助。问题是什么?您的代码是如何解决的?一点解释可能会有所帮助。问题是什么?你的代码是如何解决的?就像在教程中一样,我记不起这个问题了。谢谢你!w3schools.com/css/css_positioning.aspect很像教程中的一样,不记得这一个了..谢谢!w3schools.com/css/css_positioning.asp