<div class="menu3">     <h3>商品分类</h3>     <div></div>     <div></div>       </div>     <ul class="menu-ul">         <li>数码城</li>         <li>天黑黑</li>         <li>团购</li>         <li>发现</li>         <li>二手特卖</li>         <li>名品柜</li>     </ul><span></span>         </div>          </div>

---

.menu{

    height: 35px;     background:rgb(226,122,0);     color: #fff;     margin: 0; }  .menu2{     width: 1000px;     margin: 0 auto;     /* text-align: center; */     background:black;     /* position: relative; */ } .menu2 > span{     display: block;     clear: both;     content: ""; } .menu3{     width: 190px;     height: 35px;     float: left;      background:red;     position: relative;     left: -50px;  } .menu-ul{    float: left;    list-style: none;   background: red; } .menu-ul li{     float: left;  } 

图上的商品分类所在的框和那个数码城所在框为什么没有浮动到最左边 即黑色的边缘？