div填充父级的高度

时间:2017-12-05 09:51:57

标签: html css flexbox

我想用黑色填充父母的剩余高度。

我在此页面中添加了一个 fill-black 类的div:

http://diary.applyss.me/blouses/2-7-chemisier.html#/1-taille-s/11-couleur-noir

在中间栏中,我将div放在文字 Détailsduproduit

的正下方

我尝试使用一些flex属性,我希望这个div填充父级的高度。是否可以只使用CSS?

我试过了:

.fill-black {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    background: #000;
}

以下是我想要的视觉效果:http://b3.ms/6x1nzg1rMDQG

我将高度设置为200px,但我希望这个高度能够响应。

0 个答案:

没有答案