块元素 页面放大后不换行

<div class="box">
     <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
      </ul>
</div>

<style>
.box{width:500px;height:500px;overflow:hidden;}
li{width:150px;height:30px;float:left;background:green;margin:10px;}
ul{width:999999px;}
</style>