一行放不下足够的盒子

ps:刚开始学前端，可能写的内容比较简单，仅用来记录方便自己回顾，有错的地方，欢迎指正。

常因为父盒子不够大 而放不下足够的li

此时不动固定的div宽度 而是把div里面的ul宽度改的足够放下li

即/* 把li 的父亲ul 修改的足够宽一行能装开5个盒子就不会换行了*/

 <div class="box-bd w">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
  </div>

.w {
    width: 1200px;
    margin: auto;
}

.box-bd ul {
    float: left;
    background: green;
    /* (228+15)x5 就能装下5个盒子了 */
    width: 1215px;
}


/* 把li 的父亲ul 修改的足够宽一行能装开5个盒子就不会换行了!!!!!!!!!! */

.box-bd ul li {
    float: left;
    width: 228px;
    height: 270px;
    margin-right: 15px;
    background-color: pink;
}