SOURCE

<div class="wrapper">
    <div class="left"></div>
    <div class="right">运营后台添加文本输出框：拉黑原因，且文字控制在100个字以内，当前字段为必填项 编辑区域输入文字或符号，字数提示会根据文本框中的实时逐渐递减。当文本框中文字或字符已达上限，则显示toast,字数已达上限</div>
</div>

.left {
    width: 50px;
    height: 50px;
    background-color: pink;
    display: inline-block;
    margin-right: 10px;
    /* vertical-align 相关的知识点 */
    vertical-align: top;
}

.right{
    /* inline-block 的宽度根据内容宽度而定 */
    display: inline-block;
    max-width: calc(100% - 60px);
    font-size: 14px;
    vertical-align: top;
}

.wrapper {
    /* 为什么要加这参数 */
    font-size: 0;
    height: 500px;
    background-color: yellow;
}