浮動小数点数と幅と高さの表示

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とFirefoxの両方のためにことを修正しています

display:inline-block; 
float:left; 

それ真実であることをインライン用タグの高さ= 0？

左浮動タグの場合、それはその子の最大幅ですか？

なぜブロック要素（メニュー項目など）に次の項目の余白があるのですか？

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; }