演示代码
<div style="width: 100%; height: 230px; background: url('https://51tuku.cn/images/2018/08/11/Zsk9V.jpg') no-repeat 0px -127px; overflow: hidden; background-size: 100%;">
<div style="background: url('https://51tuku.cn/images/2018/08/16/ZsB6W.jpg') no-repeat; background-size: 100%; width: 200px; height: 200px; margin: 13px 0 0 16px; border-radius: 50%; float: left;"> </div>
<div style="width: 400px; height: 220px; float: left; background: rgba(33, 164, 217, 0.5); margin: 6px 0 0 13px; border-radius: 5px;">
<div style="width: 120px;height: 30px;border-radius: 3px;line-height: 30px;text-align: center;background: #0099CC;color: #fff;font-size: 16px;">直播内容</div>
<div style="width: 550px; height: 100px; font-size: 16px; overflow: hidden;">
<div style="width: 560px; height: 120px; font-size: 16px; overflow: a;">
1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 22222 <br> 1111 <br> 1111 <br> 11111111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
1111 <br> 1111 <br> 1111 <br> 1111 <br> 11111111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
222 <br> 222 <br> 222 <br> 222 <br> 222 <br> 22 <br> 1111 <br> 1111 <br> 1111
</div>
</div>
</div>
</div>
