一行中有三个div

<div class="row">     <div class="s1"></div>     <div class="s2"></div>     <div class="s3"></div> </div>  .s1,.s2,.s3 {     width: 33%;     float:left; } 

当屏幕变小后，s3滑到下一行了，宽度不是均分的么，为什么呀。。。
要是不管在任何情况下，他们三个都在一行。。要怎么实现？