html - 调整内容大小和重叠绝对 DIV 的负边距

Question

我有一个 DIV，里面有两个绝对 DIV，一个在顶部，一个在底部，它们一起形成了一个漂亮的 UI 窗口。

DIV 内部还有实际的内容窗口，它决定了父 DIV 的高度。这是 a fiddle .

我试图让内容不局限于内部内容窗口，而是填充父 DIV。 好像 UI 的绝对 DIV 和内部内容 DIV 是一个 DIV。这将:

• 将内容的顶部与顶部 UI DIV 重叠
• 将内容底部与底部 UI DIV 重叠
• 模拟内部内容窗口和父 DIV 之间的均匀边距

我能够使用特定的 CSS 对此进行硬编码(取消注释 fiddle 的注释部分)。

但我无法弄清楚为什么 margin-bottom: -20px 不将 -20px 应用到边距底部并使父 DIV 缩短 20 像素。我发誓这以前奏效过。不是今天。

Answer 1

这可能很愚蠢，但您是否尝试过 float 内部 DIV，据我所知，应该将其置于正常文本流之外，但仍保留父级和内部 DIV 应用的文本属性对吗？