CSS - 清除修補程序不起作用

Question

我正在對父項（ul）應用清除修復，但它不起作用

當設置display：block;到一個，然後清除修復工程，但爲什麼？ 在here

HTML

<nav> 
<ul class="hmenu main-menu group"> 
    <li><a href="#" class="active">home</a> 
    <li><a href="#">services</a> 
    <li><a href="#">pricing</a> 
    <li><a href="#">portfolio</a> 
    <li><a href="#">blog</a> 
    <li><a class="no-border last-menu-item" href="#">contact</a> 
    </ul> 
</nav> 
<span>sadfsdafsdaf</span> 

CSS代碼

.group:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
    } 
.group { display: inline-block; } 
/* start commented backslash hack \*/ 
* html .group { height: 1%; } 
.group { display: block; } 
/* close commented backslash hack */ 
/* 
.group:after { 
content: ""; display: table; clear: both; } 
*/ 

.hmenu li{ 
float: left; 
display: inline; 
list-style-type: none; 
} 
a{ 
text-decoration:none; 
} 


.main-menu{ 
width: 940px; 
padding: 0; 
border-top:1px solid #4d4d4d; 
    background:#3c3c3c; 
} 
.main-menu a{ 
color: #fff; 
/*display:block;*/ 
padding: 20px 30px; 
border-right:1px solid #5b5b5b; 
} 
a.last-menu-item{ 
margin-right:181px; 

} 
.main-menu a.active{ 
background:#000; 
} 
a.no-border{ 
border: none; 
} 
a.lang{ 
padding:20px 11px; 
} 
span{padding:10px 10px; 
    margin:20px 30px; 
background:red; 
height:100px;} 

Answer 1

拉昇跨度

Answer 2

你的填充設置

display: inline-block; 

在錨點上不適用，因爲錨點標記是內聯顯示的，所以當您將錨點設置爲顯示塊時，將應用填充。