【问题标题】:Div won't resizeDiv 不会调整大小
【发布时间】:2011-11-14 01:40:07
【问题描述】:

关闭

我通过将 2 个孩子切换到绝对来做到这一点,因为它们永远不会扩展,然后我将大小不会改变的孩子放在顶部,然后我将最后一个向上移动几个像素,这样它就可以覆盖并且仍然可以调整父级。

【问题讨论】:

  • 你能在 jsfiddle.net 上发布示例代码吗?不要发布网站的链接。因为我找不到你说的是哪个 div。
  • 正是因为它们具有绝对位置..
  • 这是预期的行为。绝对定位的子元素不会影响其父元素
  • 绝对定位的元素将从文档“流”中删除,并且不会影响文档中任何内容的大小/定位。它们基本上成为页面中自己孤立的小独立文档。
  • @David Debnar:absolute positioning 就是这样做的。它将元素从文档的“正常流程”中移除。也许还有另一种解决方案。您能否提供更多信息,而不仅仅是一个网站链接而不告诉我们它发生在哪里?

标签: javascript html css resize height


【解决方案1】:

绝对定位的元素不占用任何空间,因此更改子元素的数量或大小不会影响父元素的大小。

如果您希望父容器与其子容器展开/收缩,则需要浮动容器及其子容器。

【讨论】:

  • 我不同意你的第二个说法。浮动不会导致容器膨胀/收缩。如果您确实浮动它们,那么您需要在子元素之后清除浮动。
  • @Interstellar_Coder: 或使用overflow: hidden; hack
  • 好吧,这也取决于其他一些限制,这取决于我们谈论的具体程度。例如,如果父级声明了宽度,那么如果子级并非全部水平放置,它们将自动开始扩展父级的垂直尺寸。但从 OP 问题来看,我不确定要具体到什么程度。
  • 那么是否可以计算出“top:px;”当位置是相对的时,从页面的总顶部开始?我不这么认为..也许我可以使用一些 javascript 来隐藏'n'显示一些 div...
  • 相对于父元素。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多