为什么我看不懂 CSS 规范？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1604 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想知道块级元素的宽度是怎么计算的？ display: table-cell 的元素高度是怎么计算的？根元素 html 是个什么元素？它的高度怎么计算的？当把 html 的高度设置成 100%时，会是多少？翻了很久 CSS 规范，也不知道哪里定义了，还是应该翻 HTML 规范？规范应该怎么看呢？

HTML

CSS

规范

元素

4 条回复 • 2020-08-07 18:09:41 +08:00

sixway

2020-08-07 17:39:42 +08:00

- 块级元素的宽度是怎么计算的？
- 这里牵扯到盒模型的问题，https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model，标准的盒模型在水平空间占用的大小 margin(左右) + border(左右) + padding(左右) + width

- display: table-cell 的元素高度是怎么计算的？
- 这要看你怎么设置高度的

- 根元素 html 是个什么元素？
- 就是根元素，其他元素必须是此元素的后代

- 高度怎么计算？
- 这取决于后代元素的高度

- 查什么规范？
- MDN 文档

- 怎么看？
- 需要什么就搜索什么

WMutong

2020-08-07 17:52:15 +08:00

1 、块级元素的宽度默认跟随上一级元素宽度
2 、display: table-cell 属性建议看下这个 https://www.jianshu.com/p/52b0c2a7ea29
3 、html 标签是属于文档类型声明，通知浏览器这是 HTML 文档。
4 、html 高度默认为浏览器窗口高度
5 、html 高度设置成 100%是和浏览器窗口高度相同
6 、css 规范的话看下 css 官方文档不就可以看到了吗。。。。

iwillfindmyway

2020-08-07 18:09:18 +08:00

谢谢。我想学习阅读 w3c 的规范，想从中找到这些问题的答案。比如块级元素的宽度，默认是 auto，它会新起一行，并占据能占据的最大宽度； html 是根元素，当它的高度未设置时，由内容的高度决定，当它的高度设置为 100%时，是 viewport 的高度。等等。我在 w3c 的规范里没找到，不知道是在哪里，css 规范定义的还是 html 规范定义的？

ChrisV

2020-08-07 18:09:41 +08:00

多试试就知道了。