【css问题】父类的浮动是否对子类的li具有作用

Question

在做案例的时候遇到了问题
html部分

    <!-- 推荐模块 开始 -->
    <div class="w recom">
        <div class="recom_hd">
            <img src="images/图层106.png" alt="">
            <p>今日推荐</p>
        </div>
        <div class="recom_bd">
            <ul>
                <li><img src="upload/recom_03.png" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 推荐模块 结束 -->

CSS部分

.recom_bd {
    float: left;
}
.recom_bd ul li {
    float: left;
}

发现.recom_bd的浮动会导致第一个li产生浮动 无论对li添加左浮动还是右浮动，第一个li仍以.recom_bd的浮动为标准
只是想问一下这么想对不对，能解答一下原因更好 谢谢

Answer 1

不管如何，你可以加上一个清除浮动的div style="clear:both"。作为预防性的措施。