0

我在一个 div 上遇到了这个问题，因为它的父级注释溢出了。我一直在尝试 CSS 中的几个选项，但没有成功。

例子

<div class="col-md-8 depos>
  <div class="col-md-7 depo-cont>
    <div class="depo">
      <h5>Marcio</h5>
      <p>Vou de novo</p>
    </div>
  </div>
 <div class="col-md-5">Form here</div>
</div>

主要问题是试图溢出“depo-cont” div 扩展父级的底部。关于如何处理这个的任何想法？

4

2 回答 2

0

修复了将子元素的最大高度设置为与父元素相同的问题（一旦内容超过大小，自然会导致溢出。）

.depo-cont{
max-height:500px;
overflow:scroll;}

使固定

于 2014-10-23T04:01:02.340 回答
0

如果目标是在容器上具有固定高度.depos，那么您可以告诉它在它变得太高时滚动其内容：

.depos {overflow: scroll;}

简单演示：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>

.outer {height: 200px; width: 100px; overflow: scroll;}

</style>
</head>
<body>

<div class="outer">
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, et, officiis, molestiae, ea veniam esse nam enim eaque ad tenetur cum incidunt consectetur iste ullam eos veritatis cupiditate tempora consequatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, et, officiis, molestiae, ea veniam esse nam enim eaque ad tenetur cum incidunt consectetur iste ullam eos veritatis cupiditate tempora consequatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
</div>

</body>
</html>
于 2014-10-22T22:18:13.213 回答