首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >拉伸子div高度以填充具有动态高度的父级

拉伸子div高度以填充具有动态高度的父级
EN

Stack Overflow用户
提问于 2013-07-28 00:40:34
回答 4查看 160K关注 0票数 111

在下面的小提琴中可以看到,我有两个div,包含在父div中,这两个父div已经拉伸到包含大div,我的目标是使这两个子div的高度相等。

http://fiddle.jshell.net/y9bM4/

EN

回答 4

Stack Overflow用户

发布于 2014-08-12 23:31:27

使用display: flex扩展您的div

代码语言:javascript
复制
div#container {
    padding:20px;
    background:#F1F1F1;
    display: flex;
}

.content {
    width:150px;
    background:#ddd;
    padding:10px;
    margin-left: 10px;
}

JSFIDDLE

票数 62
EN

Stack Overflow用户

发布于 2016-12-03 21:10:53

添加以下CSS:

对于父div:

代码语言:javascript
复制
style="display: flex;"

对于子div:

代码语言:javascript
复制
style="align-items: stretch;"
票数 23
EN

Stack Overflow用户

发布于 2018-09-19 22:17:08

https://www.youtube.com/watch?v=jV8B24rSN5o

我认为你可以使用display作为网格:

代码语言:javascript
复制
.parent { display: grid };
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17900122

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档