<ul>的绝对位置<li>不调整父<div>的高度

用户2736052

我已经对此进行了相当多的阅读,但是还没有找到我可以工作的答案。是否可以将父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>

我需要li高度以使.home节适应其高度。

如果允许发布到开发站点的链接,我很乐意分享它,并让您检查有问题的代码。

谢谢

杰夫·鲁珀特

简而言之,没有。

绝对定位的项目不在标准文档流的范围内,将不能影响任何父元素的高度,也不能更改任何同级元素的位置。

如果你需要保持理论上你就可以使用JavaScript这样做<li>position: absolute;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

具有动态高度和绝对位置的子DIV-给父DIV赋予高度

来自分类Dev

使<ul> height与<div>相同的高度,然后使<li> SAM高度与<ul>

来自分类Dev

更改div的高度并设置绝对位置中断引导响应

来自分类Dev

使<ul> height与<div>的高度相同,然后使<li> SAM高度与<ul>的高度相同

来自分类Dev

将父级的高度与子级元素相匹配-相对位置和绝对位置

来自分类Dev

CSS:绝对位置div高于父div

来自分类Dev

子div的绝对位置不是相对于父

来自分类Dev

绝对div在父级上被分配相对位置

来自分类Dev

绝对位置div到相对父级的底部

来自分类Dev

div内的div位置是父div的绝对高度,但子div的高度增加时不会扩展

来自分类Dev

身体高度时垂直居中div:100%无绝对位置

来自分类Dev

将绝对位置div的高度扩展为内部内容的大小

来自分类Dev

绝对位置div防止Firefox中的td达到0高度

来自分类Dev

为绝对位置和高度为100的div设置边距底部

来自分类Dev

绝对位置div防止Firefox中的td达到0高度

来自分类Dev

将绝对位置div的高度扩展为内部内容的大小

来自分类Dev

由于 div 在里面的绝对位置,部分高度为 0

来自分类Dev

子div位置的绝对父级高度不起作用

来自分类Dev

根据html中li标签的高度调整div的高度

来自分类Dev

如何通过ul / li元素的可变高度设置自动div高度

来自分类Dev

绝对位置,底部为0仅适用于高度为100%的父级

来自分类Dev

如何在绝对位置父级上设置子级高度

来自分类Dev

根据父div高度调整水平滚动条位置

来自分类Dev

居中div绝对位置?

来自分类Dev

您可以将没有绝对位置的子div大于父div

来自分类Dev

绝对位置没有高度

来自分类Dev

可变高度上的CSS绝对位置

来自分类Dev

绝对位置元素上的高度100%

来自分类Dev

在 ul -> li -> a design li 不扩展高度以匹配标签高度

Related 相关文章

  1. 1

    具有动态高度和绝对位置的子DIV-给父DIV赋予高度

  2. 2

    使<ul> height与<div>相同的高度,然后使<li> SAM高度与<ul>

  3. 3

    更改div的高度并设置绝对位置中断引导响应

  4. 4

    使<ul> height与<div>的高度相同,然后使<li> SAM高度与<ul>的高度相同

  5. 5

    将父级的高度与子级元素相匹配-相对位置和绝对位置

  6. 6

    CSS:绝对位置div高于父div

  7. 7

    子div的绝对位置不是相对于父

  8. 8

    绝对div在父级上被分配相对位置

  9. 9

    绝对位置div到相对父级的底部

  10. 10

    div内的div位置是父div的绝对高度,但子div的高度增加时不会扩展

  11. 11

    身体高度时垂直居中div:100%无绝对位置

  12. 12

    将绝对位置div的高度扩展为内部内容的大小

  13. 13

    绝对位置div防止Firefox中的td达到0高度

  14. 14

    为绝对位置和高度为100的div设置边距底部

  15. 15

    绝对位置div防止Firefox中的td达到0高度

  16. 16

    将绝对位置div的高度扩展为内部内容的大小

  17. 17

    由于 div 在里面的绝对位置,部分高度为 0

  18. 18

    子div位置的绝对父级高度不起作用

  19. 19

    根据html中li标签的高度调整div的高度

  20. 20

    如何通过ul / li元素的可变高度设置自动div高度

  21. 21

    绝对位置,底部为0仅适用于高度为100%的父级

  22. 22

    如何在绝对位置父级上设置子级高度

  23. 23

    根据父div高度调整水平滚动条位置

  24. 24

    居中div绝对位置?

  25. 25

    您可以将没有绝对位置的子div大于父div

  26. 26

    绝对位置没有高度

  27. 27

    可变高度上的CSS绝对位置

  28. 28

    绝对位置元素上的高度100%

  29. 29

    在 ul -> li -> a design li 不扩展高度以匹配标签高度

热门标签

归档