Question

我还是CSS新手。在下面的CSS代码中，我没有指定高度和宽度的单位。有了这个，文本适合一行。当我添加px时，文本占用两行。没有指定单位时有哪些单位？

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

指定无单位时有哪些单位？

无。那些声明无效。

CSS 中的任何长度都需要一个单位，除非该值为0。

使用上面的代码，您实际上根本没有指定宽度和高度。（至少在任何符合标准的浏览器中。）

没有在CSS中指定的单位

1 个答案: