Javascript 如何在没有硬编码尺寸的情况下扩展包含位置相对/绝对子元素的UL元素？

我试图让一个元素根据可用空间展开。元素包含图像，而我什么也得不到

我的HTML：

 <ul>
  <li>
   <a>
    <img>
   </a>
  </li>
 </ul>

问题：
是否有CSS方法将

ul

的高度设置为包含图像的高度？我可以作弊并在

ul

上设置

min height

，但这确实不是一个选项<代码>位置也必须保持不变

---

谢谢

问题是您在内部li上设置了绝对位置。解决此问题的方法是添加：

overflow: hidden;

---

对于ul的样式

尝试删除高度：继承@frequentthx，但不删除。嵌套元素具有正确的尺寸，只有

ul

是。。。。[my_screen_width]x0（在我的情况下）@frequent将其更改为

高度：auto

@frequent你能做一把小提琴让我来吗test@frequent为什么你需要li有一个绝对的位置？你能再解释一下你的用例吗？为什么

位置：绝对
必须保持？当它必须移动时，它可以移动到另一个元素吗？下面是我对这种情况的演示：它或多或少将是一个滑块，使用MG css3转换。父项必须是pos:relative以隐藏css转换，而子项必须是pos:absolute以隐藏CSSanimate。我一会儿拉小提琴。跑腿
overflow: hidden;