Html 为什么子div溢出其父div？

我已经盯着这个问题看了一段时间了，我想不出一个解决方案来保持网站的流动性

---

我试图为

#正确的内容

完成的工作是在其父容器（即

#底部容器

的内部按高度填充所有可用空间。所以它保持了它的流动性

但是给它一个

最小高度：100%

会使它溢出父级

可以在以下链接中找到实时示例

一个静态的例子，我试图完成

---

在

#mCSB_1

上尝试以下css

#mCSB_1
{
    position: relative;
    height: 500px;
    max-width: 100%;
    overflow: hidden;
}

---

您需要在#左侧内容上设置浮动。将此添加到css中：

#left-content {
float:left;
width:700px;
}

并从#右侧内容中删除内联块：

#right-content {
margin-left:750px;
display:block
min-width:250px;
}

---

这将保持正确容器的液体格式。

您的CSS是一个主要问题

下面的CSS是您想要实现的URL

#right-content {
display: inline-block;
width: 38%;
font-size: 14pt;
font-family: Verdana;
max-height: 600px;
vertical-align: top;
padding: 5px;
float: right;
margin-right: 25px;
overflow: hidden;
}

下面的CSS就是您的表单

#right-content {
display: inline-block;
width: 36%;
font-family: Verdana;
height: 99.99%;
vertical-align: top;
padding: 5px;
}

希望这会给你一些线索继续

编辑-1

CSS的主要问题是最大高度。您需要为父DIV指定正确的高度。如果需要基于分辨率的动态CSS，则需要使用JS更新高度。有关提示，请检查此

---

在我的代码中，我没有一种称为那样的风格。谢谢。相信我，我试过了，我不会让任何帮助白费。但无论我放置的样式如何，它都不起作用into@Khaos很抱歉，延迟回复是在度假，问题是您对元素有一些

内联样式设置

，这优先于您要添加的样式，您最好删除内联样式，但仍要推过父容器。谢谢，不过我一定不明白你想做什么#左侧内容和#右侧内容没有父容器。请进一步解释。静态示例不应该有一个，但现场示例应该欢呼，但不，如果没有找到保持液体流动的解决方案，我将使用我的第一个正确内容示例。除了#right-contnet.See

max height

，您在

中提到的第一个CSS

中没有出现在

第二个CSS

中，这可能是问题所在，因为如果您使用滚动，您需要指定父div的高度，这就是我所想的是的，我已经试过了，它对我很有用；1920x1080，但在1280x800处断开。请看，您选择680作为最大高度，这对1080分辨率很好，但如果达到800，则会失败。您将需要根据屏幕分辨率计算高度，检查以下问题，您将获得相同的帮助。我试图做到的是让#正确的内容在containing div中占据100%的可用重命名高度。因此，它可以动态地重新调整大小，与当前的#容器基于浏览器高度的方式非常相似，这也是如何实现的。但内容从div中溢出。用它将底部容器压下。但是把容器留在它应该在的地方。我试图以%和硬数字为基础的一切都是它可以工作的参数。