关于float问题

Question

.nav-content{
    width:1000px;
    margin:0 auto;
    text-decoration:none;
    //list-style-image:url("../images/16sucai_201312011318.jpg");
    padding-left:10px;
}

.nav-content li{
    float:right;    
}

我不写.nav-content li{

float:right;

}

直接写这个.nav-content{
    width:1000px;
    margin:0 auto;
    text-decoration:none;
    //list-style-image:url("../images/16sucai_201312011318.jpg");
    padding-left:10px;

    float:right;

}为什么没用

Answer 1

.nav-content{float：left;}是指.nav-content这个类整个都左浮动，而.nav-content li{float：left;}是指所有nav-content类名下的li左浮动 一个是LI的浮动 一个是整个li父级的浮动  肯定不一样撒

Answer 2

你只让自己父级浮动，不让下边子集浮动，所以没用

Answer 3

如果看成盒子的话，你写这句话的意思是说ul右浮，这个对ul中的li相对于ul的排列是没有影响的