调整内容大小和重叠绝对 DIV 的负边距
Negative margins to resize content and overlap absolute DIVs
我有一个DIV，里面有两个绝对的DIV，一个在上面，一个在下面，它们一起形成了一个漂亮的UI window。
DIV 中还有实际内容 window，它决定父 DIV 的高度。这里是 a fiddle.
我正在尝试让内容不局限于内部内容 window，而是填充父内容 DIV。 好像 UI 的绝对 DIV 和内部内容 DIV 是一个 DIV。这将：
- 将内容的顶部与顶部重叠UI DIV
- 内容底部与底部重叠UIDIV
- 模拟内部内容 window 和父内容 DIV
之间的均匀边距
我能够使用特定的 CSS 对此进行硬编码（取消注释 fiddle 的注释部分）。
但我无法弄清楚为什么 margin-bottom: -20px 不将 -20px 应用到边距底部并使父 DIV 缩短 20 像素。我发誓这以前奏效过。不是今天。
这可能很愚蠢，但您是否尝试过浮动内部 DIV，据我所知，应该将其置于正常文本流之外，但仍保留文本属性父级和内部 DIV 适用于它吗？
我有一个DIV，里面有两个绝对的DIV，一个在上面，一个在下面，它们一起形成了一个漂亮的UI window。
DIV 中还有实际内容 window，它决定父 DIV 的高度。这里是 a fiddle.
我正在尝试让内容不局限于内部内容 window，而是填充父内容 DIV。 好像 UI 的绝对 DIV 和内部内容 DIV 是一个 DIV。这将：
- 将内容的顶部与顶部重叠UI DIV
- 内容底部与底部重叠UIDIV
- 模拟内部内容 window 和父内容 DIV 之间的均匀边距
我能够使用特定的 CSS 对此进行硬编码（取消注释 fiddle 的注释部分）。
但我无法弄清楚为什么 margin-bottom: -20px 不将 -20px 应用到边距底部并使父 DIV 缩短 20 像素。我发誓这以前奏效过。不是今天。
这可能很愚蠢，但您是否尝试过浮动内部 DIV，据我所知，应该将其置于正常文本流之外，但仍保留文本属性父级和内部 DIV 适用于它吗？