Float---兼容性很好的布局方案

接到的需求

今天老大给了我一个需求，让我完成一个静态页面的布局，我心里一想，这不是在侮辱我么，立马biu biu biu开干。写了大概一半，老大说这个页面必须得兼容IE8而且不可以使用静态资源，当时我的内心是崩溃的。直接裂开。

要做的页面大概是这个样子

那要怎么来实现呢于是乎我去了一个网站Can i use

布局的话有多种方法，比如flex、grid、float，我依次查看了他们的兼容性，如下：

布局方式	兼容性
float	IE6-11均可
flex	IE6-9不支持；10和11部分支持
grid	IE6-9不支持；10和11部分支持

看完兼容性，于是，我就开始搞了—哈哈

html代码

 <div class="container clearfix">
    <!-- 左 -->
    <div class="left">
      <div class="icon" >
        <img src="./img/logo.png" alt="" style="width: 216px;">
      </div>
      <div class="text">
        <div class="title" ><span class