浮动问题啊

<div class="about-bottom">

<div class="image">

<img src="images/b1.jpg" >

</div>

<div class="container">

<div class="triangle"></div>

<div class="container-common">

<span class="large">Libary Lab</span> <br>

<span class="mid">Lorem Ipsum is simply dummy test of the <br>

printing and typesetting industry</span> <br>

<span class="small">Lorem Ipsum has been the industry's standard dummy <br>

text ever since the 1500s,when an unknow printer took <br>

a galley of type and scrambled it to make a type <br>

specimen book.</span>

<div class="butt"><button>EXPORT</button></div>

</div>

<!-- <div class="butt"><button>EXPORT</button></div> -->

</div>

<div class="image">

<img src="images/b2.jpg" alt="">

</div>

<div class="container">

<div class="triangle"></div>

<div class="container-common">

<span class="large">Libary Lab</span> <br>

<span class="mid">Lorem Ipsum is simply dummy test of the <br>

printing and typesetting industry</span> <br>

<span class="small">Lorem Ipsum has been the industry's standard dummy <br>

text ever since the 1500s,when an unknow printer took <br>

a galley of type and scrambled it to make a type <br>

specimen book.</span>

<div class="butt"><button>EXPORT</button></div>

</div>

<!-- <div class="butt"><button>EXPORT</button></div> -->

</div>

<div class="container1">

<!-- <div class="triangle2"></div> -->

<div class="container-common">

<span class="large">Libary Lab</span> <br>

<span class="mid">Lorem Ipsum is simply dummy test of the <br>

printing and typesetting industry</span> <br>

<span class="small">Lorem Ipsum has been the industry's standard dummy <br>

text ever since the 1500s,when an unknow printer took <br>

a galley of type and scrambled it to make a type <br>

specimen book.</span>

<div class="butt"><button>EXPORT</button></div>

</div>

<!-- <div class="butt"><button>EXPORT</button></div> -->

</div>

</div>

</div>

上面是html代码

.about .about-bottom{

width: 100%;

overflow: hidden;

zoom:1;

/*background: red;*/

}

.about .about-bottom .image{

width: 25%;

float: left;

position: relative;

}

.about .about-bottom img{

width: 100%;

height:260px;

}

.about .about-bottom .container{

width: 25%;

position: relative;

float: left;

background: #07cbc9; 

}

.about .about-bottom .container1{

width: 25%;

/*position: relative;*/

float: left;

background: #07cbc9; 

}

.about .about-bottom .container .container-common{

height: 240px;

padding: 10px;

}

.about .about-bottom .container .butt{

position: absolute;

width: 40px;

left:50%;

margin-left: -40px;

margin-top:30px;

}

.about .about-bottom .container .container-common .butt button{

background: #000;

border: 1px solid #000;

padding: 7px 10px;

color: #ffffff;

}

.about .about-bottom .container .container-common .butt button:hover{

background: #ffffff;

color: #000;

cursor: pointer;

}

.about .about-bottom .container .container-common .large{

font-size: 20px;

font-family: "Microsoft YaHei UI";

color: #ffffff;

}

.about .about-bottom .container .container-common .mid{

font-size: 14px;

font-family: "Microsoft YaHei UI";

color: #ffffff;

}

.about .about-bottom .container .container-common .small{

font-size: 10px;

font-family: "Microsoft YaHei UI";

color: gray;

}

.about .about-bottom .triangle{

position: absolute;

top:50%;

margin-top:-15px;

left:-35px;

float: left;

border:20px solid #07cbc9;

width: 0;

height: 0;

border-left: 15px solid transparent;

border-top: 15px solid transparent;

border-bottom: 15px solid transparent;

}

上面是css样式代码。

运行结果如下：

请问老师container1为什么没浮动在左边？