写CSS，有时候不需要写widht.height浏览器也会自动计算宽高。想问下，浏览器计算性能是不是有损。我写上是不是提高性能

Question

写CSS的时候，有时候我们不需给元素写widht.height浏览器也会自动计算宽高。我想问下，浏览器自己计算性能是不是有损？如果我写上是不是提高了性能？

Answer 1

对于高度，只能说可能会提高那么一丝丝。浏览器宽度的规则很简单，块级元素默认占100%，行内元素按内容自动伸缩换行，当然块级元素和inline-block可以指定宽。至于高度，如果块级元素没有指定高度，则会由子元素决定，浏览器在计算recrangle的时候也是这样的流程，先子后父地递归。

真正影响浏览器性能的是你的css选择器是否高效，html是否规范，dom操作是否优化，重排是否已经尽量避免。

Answer 2

...这问题根本看不懂...元素都有默认的值，并不是自动计算宽高。就算元素被子元素撑开，那也是父元素特性的问题。
自己写上只是提高兼容性罢了，因为不同的浏览器之间，样式效果可能不一样。

Answer 3

你确定你能预知所有的宽高？