Apeller

导航

「HTML+CSS」包裹浮动元素,开发实例经验

伪元素

  天生是inline元素

 

 4

 

 

 

 

 

 

 

 

 

 

 float最原始用法

 

 

 

 

 


->->

 

 

 

 

.nav .list-item a{
    font-weight: bold;
    color: #f40;
    height: 35px;
    display: block;
    padding: 0 10px;
}
.nav{
    list-style: none;
}
.nav .list-item{
    float: left;
    margin: 0 10px;
    height: 35px;
    line-height: 35px;
    border: 1px solid black;
    
}
.nav .list-item a:hover{
    background-color: #f40;
    color: #fff;
}

 

 

 只有在这个父级用完后清楚浮动流

 

 

 

 

 

posted on 2019-10-08 00:53  Apeller  阅读(243)  评论(0编辑  收藏  举报