如何将元素填充到其父元素的底部?

时间:2018-06-03 15:19:23

标签: html css html5 css3

我有一个100vh高度的父元素和一些内容。我希望最后一个元素填充到父级的底部。这可以用css实现吗?

<div style="height:100vh">
   <h1 style="margin-top:100px;">MY TITLE</h1>
   <p>some text</p>
   <a class="button">my button</a>
   <a class="button">my button</a>
   <div style="background-color:blue;color:white;">fillToBottom</div>
</div>

1 个答案:

答案 0 :(得分:-1)

是的我认为您只需要将宽度设置为100%,将第二个div设置为高度;)