폭 및 높이에 부동 소수점을 표시하고

Question

인라인 및 블록 및 인라인 블록과 너비 및 높이에 미치는 영향은 무엇입니까?

예를 들어 CSS는 메뉴 아래에서 살펴 :

ul 
{ 
    list-style-type:none;border-style:solid;border-width:1px;border-color:Blue; 
    padding:0px; 
    display:inline-block; 
    float:left; 
} 
ul li{display:inline;} 
ul li a 
{ 
    /*display:inline-block; 
    float:left;*/ 
    display:inline-block; 
    float:left; 
    background-color:rgb(100,170,110); 
    color:Yellow; 
    text-decoration:none; 
    height:30px; 
    padding-left:20px; 
    padding-top:5px; 
    padding-right:20px; 
} 
ul li a:hover{background-color:Yellow;color:Red;} 

나는 UL에 대한 코드 아래에 추가로 IE와 파이어 폭스 모두 것을 해결 한 :

display:inline-block; 
float:left; 

그것이 사실인가하는 인라인 태그 높이 = 0?

왼쪽 부유 태그의 경우 true입니까, 너비는 어린이의 최대 너비입니까?

블록 요소 (예 : 메뉴 항목)가 다음 항목에 여백이 생기는 이유는 무엇입니까?

Answer 1

IE를 사용하면 인라인 블록이있는 구기 쉬운 물건을 얻을 수 있습니다. 당신은 더 나은 행운을 차단하고 그 리를 떠 다니는 그쪽으로 설정할 수 있습니다.

HTML

<nav> 
    <ul> 
    <li><a href="#">Home</a> 
    <li><a href="#">About</a> 
    <li><a href="#">Contact</a> 
    </ul> 
</nav> 

CSS

ul { margin: 0; padding: 0; } 
li { float: left; } 
a { display: block; padding: 5px; margin: 0 5px; }