CSSで指定されたユニットがありません

Question

私はまだCSSを初めて使用しています。以下のCSSコードでは、高さと幅の単位を指定していません。これにより、テキストは1行に収まります。 pxを追加すると、テキストは2行になります。単位を指定しない場合の単位は何ですか？

HTML：

<figure class="hat"> 
    <img src="http://media.goorin.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/imports/products/100-3333-BLK-F01.png" width="100" height="100"> 
    <figcaption>A picture of a hat</figcaption> 
</figure> 

CSS：

.hat { 
    position: relative; 
    height: 100; 
    width:100; 
} 
.hat figcaption { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 

Answer 1

あなたは何の単位を指定しない場合の単位は何ですか？

なし。それらの宣言は単に無効です。

値は上記のコードでは0

でない限り、ユニットを必要とCSS内の任意の長さ、あなたは効果的で、すべての幅と高さを指定していません。 （少なくとも標準に準拠したブラウザでは）