如果有预定义的高度,如何在底部放置文本!

<style>
    .container {
        position: relative;
        height: 200px;
        width: 100%;
        background-color: #f0f0f0;
    }

    .text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center;
        color: #ffffff;
        background-color: #000000;
    }
</style>

<div class="container">
    <p class="text">这是底部文本</p>
</div>