Question

我已经对此做了相当多的阅读，并没有看到我可以开始工作的答案。是否可以将父div高度调整为绝对定位列表项的高度？

目前，我通过增加大量保证金来补偿..实际上很大..但这不是正确的解决方案。

html看起来像这样：简单..

<div class="home-section products">
  <div id="gallery-container">
    <ul>
      <li class="one"><img src="showcase-five.jpg"></li>
      <li class="two"><img src="showcase-four.jpg"></li>
      <li class="three"><img src="showcase-one.jpg"></li>
      <li class="four"><img src="showcase-three.jpg"></li>
      <li class="five"><img src="showcase-two.jpg"></li>
    </ul> 
  </div>
</div>

我需要高度才能使.home-section适应它的高度。

如果允许发布到开发网站的链接，我很乐意分享它，并允许您检查相关代码。

由于

Answer 1

简而言之，没有。

绝对定位的项目在标准文档流程之外，不能影响任何父元素的高度，也不能更改任何兄弟元素的位置。

如果您需要保留<li>的{{1}}

，理论上您可以使用Javascript执行此操作

<ul>绝对定位<li>不调整父<div>高度</div> </li> </ul>

1 个答案: