调整内容和重叠绝对DIV的负边距

时间:2015-03-23 03:21:12

标签: html css user-interface layout margin

我有一个内部有两个绝对DIV的DIV,一个在顶部,一个在底部,它们共同形成一个漂亮的UI窗口。

DIV内部也是确定父DIV高度的实际内容窗口。这是a fiddle

我试图拥有它,因此内容不仅限于内部内容窗口,而是填充父DIV。 好像UI和内容DIV的绝对DIV是一个DIV 。这将:

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

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

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

1 个答案:

答案 0 :(得分:1)

这可能是愚蠢的,但你试过浮动内部DIV,从我能想到的,它应该在正常的文本流之外,但仍保留父DIV和内DIV的文本属性对吗?