Html 如何设置较大的列';s的高度等于纯css中的小高度?

Html 如何设置较大的列';s的高度等于纯css中的小高度?,html,css,equal-heights,Html,Css,Equal Heights,我试着做两个高度相同的div: Lorem ipsum dolor sit amet,献祭精英 Lorem ipsum dolor sit amet,献祭精英 Lorem ipsum dolor sit amet,献祭精英 Lorem ipsum dolor sit amet,献祭精英 如果我理解正确,有一个固定高度的div,例如,150px中有固定内容,而动态div中可能有大量内容 最好的做法是为两者设置一个高度,然后将其添加到动态div: overflow-y: scroll .p

我试着做两个高度相同的div:


Lorem ipsum dolor sit amet,献祭精英
Lorem ipsum dolor sit amet,献祭精英

Lorem ipsum dolor sit amet,献祭精英
Lorem ipsum dolor sit amet,献祭精英

如果我理解正确,有一个固定高度的div,例如,150px中有固定内容,而动态div中可能有大量内容

最好的做法是为两者设置一个高度,然后将其添加到动态div:

overflow-y: scroll
.parent div div{
宽度:50%;
填充:15px;
框大小:边框框;
浮动:左;
高度:150像素;
边框:实心1px灰色;
}
.动态高度{
溢出y:滚动;
}

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
对于所有的错误,我们都要清楚地认识到这一点,因为我们必须清楚地认识到,所有人都应该受到赞扬、尊重和尊重,因为他们都是发明家和准建筑师。尼莫·埃尼姆·伊普萨姆·沃卢帕塔姆·奎亚·沃卢帕斯
他坐在那里,因为他是一位伟大的领袖,他是一位理性的领袖。如果你是一个自由主义者,那么你就可以自由地生活,自由地生活,而不是暂时的自由
这是一个巨大的挑战。但是最低限度的成本,是否需要在实验室中进行实际操作,是否需要从消费品中获得流动性?在一个混乱的世界里,你是谁
这是一个法律问题,是一个法律问题吗?
这里是诀窍

  • 在父对象上添加
    位置:相对
  • 将动态div元素(高度较大)与
    位置:absolute
    一起放置在父元素内部
  • 为此需要以下css:

    .parent {
      position: relative;
    }
    .large-div {
      position: absolute;
      overflow: auto;
      left: 300px;
      bottom: 0;
      top: 0;
    }
    
    注意:您可以根据需要更改
    左侧
    底部
    顶部

    .container{
    边框:1px实心#000;
    边缘底部:20px;
    位置:相对位置;
    填充:10px;
    }
    .货柜组{
    边框:1px实心#000;
    填充:10px;
    宽度:250px;
    }
    .货柜组p{
    保证金:0;
    }
    .大{
    位置:绝对位置;
    溢出:自动;
    底部:10px;
    左:300px;
    顶部:10px;
    }
    
    我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。
    我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。
    
    我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。
    

    我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你…我爱你…我爱你…我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。 我爱你,我爱你。。。我爱你,我爱你。。。我爱你,我爱你。。。


    它看起来很棒!但这些永久(硬编码)值为宽度:250px;左:300px;不适合我,因为这些div在“可调整大小”的内容中。我需要实现没有永久价值观的行为。@AnnaOsiatnik这只是一个例子。您可以修改此示例以满足您的需要。这是最新的。谢谢。这就是我要找的。
    .parent {
      position: relative;
    }
    .large-div {
      position: absolute;
      overflow: auto;
      left: 300px;
      bottom: 0;
      top: 0;
    }