如何实现左右两栏一定比例，左栏高度随右栏高度自适应？

小滕很久没锻炼

于 2020-01-09 16:52:39 发布

阅读量693

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43581047/article/details/103911307

版权

CSS：

.container {
            display: flex;
            width: 400px;
            overflow: hidden;
        }
        .container .left {
            width: 20%;
            background-color: pink;
        }
        .container .right {
            width: 80%;
            background-color: deeppink;
        }

HTML:

<body>
    <div class="container">
        <div class="left">鹅鹅鹅曲项向天歌</div>
        <div class="right">床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡床前明月光，疑是地上霜，举头望明月，低头思故乡</div>
    </div>
</body>