Html 如果绝对子DIV超出边界,CSS将调整父DIV大小

Html 如果绝对子DIV超出边界,CSS将调整父DIV大小,html,css,css-position,Html,Css,Css Position,我有一个指定宽度和高度的父div。如果我有一个子div在里面,也就是在边界之外,有没有办法让父div调整大小以适应子div 例: 一些内容 正如您在本例中看到的,子div将使底部的父div溢出50px。我不想使用overflow:auto,因为它只会创建滚动条。我真的想让父div调整并增加50px的高度来补偿子div。看看这个 您希望将子对象从父对象的顶部向下推250px,因此不要使用top:250px。使用页边距顶部:250px和位置:相对检查此项 您希望将子对象从父对象的顶部向下推2

我有一个指定宽度和高度的父div。如果我有一个子div在里面,也就是在边界之外,有没有办法让父div调整大小以适应子div

例:


一些内容
正如您在本例中看到的,子div将使底部的父div溢出50px。我不想使用overflow:auto,因为它只会创建滚动条。我真的想让父div调整并增加50px的高度来补偿子div。

看看这个

您希望将子对象从父对象的顶部向下推250px,因此不要使用
top:250px
。使用
页边距顶部:250px
位置:相对

检查此项


您希望将子对象从父对象的顶部向下推250px,因此不要使用
top:250px
。使用
页边距顶部:250px
位置:相对

解决方案可能无法在所有情况下都按预期工作:如果在开头添加段落,则边距位于段落和子div之间,而不是父div和子div之间,@Prince I更新了小提琴,以允许调整宽度。查看内联css以了解我所做的。@Aleksi您是正确的,但根据所提供的信息,这是一个可接受的解决方案。如果需要,他可以绝对定位
p
。解决方案可能不会在所有情况下都像预期的那样起作用:如果在开头添加段落,则段落与子div之间的边距,而不是父div与子div之间的边距,@Prince I更新了小提琴,以允许调整宽度。查看内联css以了解我所做的。@Aleksi您是正确的,但根据所提供的信息,这是一个可接受的解决方案。如果需要,他可以绝对定位
p
<div style="width:500px; height:500px; position:relative;">
  <div style="width:300px; height:300px; position:absolute; top:250px;">
    Some Content
  </div>
</div>