Question

首先，我的代码

HTML：

<div class="div parent">
  Title
  <div class="div child">
    <div class="overflowed">
    </div>
  </div>
</div>

CSS：

.div {
  border: 1px solid #000000;
  padding: 10px;
  overflow: auto;
}

.parent {
  max-height: 100px;
}

.overflowed {
  min-height: 150px;
}

抱歉，我不擅长描述有关网页设计的内容，所以如果我描述的内容不正确，请告诉我，谢谢：）

如何让子格式渲染像this一样，它的底部边框总是有边距到它父母的底边？

顺便说一下，＆＃34; Title＆＃34; HTML第2行将根据不同的屏幕分辨率更改其高度，因此不受max-height属性的限制。

jsFiddle这里：https://jsfiddle.net/dj3ydshf/

Answer 1

你几乎就在那里。我认为这就是你要找的东西：

＆＃13;

.div {
      border: 1px solid #000000;
      padding: 10px;
      overflow: auto;
    }
    
    .parent {
      max-height: 200px;
    }
    
    /* set overflow y-scroll */
    /* and give this element a max-height or height */
    .child {
      overflow: y-scroll;
      max-height: 50px;
    }

＆＃13;

<div class="div parent">
  tuitit

  <div class="limit">


    <div class="div child">
      SSSS
      <br> SSSS
      <br> SSSS
      <br> SSSS
      <br> SSSS
      <br> SSSS
      <br>
    </div>
  </div>
</div>

＆＃13;

如何制作＆＃34;孩子＆＃34; div DON＆＃39; T溢出并使用它的父div填充来渲染？

1 个答案: