css中关于width的问题(奇怪表现);

Question

CSS中关于width的奇怪现象

最近在做练习的时候发现了关于css的width的奇怪现象：

div {
  width: 400px;
  height: 400px;
  background: red;
}

正常情况下css会显示一个400*400的div,但是，当这样的时候：

div {
  p
  width: 400px;
  height: 400px;
  background: red;
}

当有错误语句的输入时，按照css的错误处理应该是忽略p这一句话，然后正常解析下面的语句，还是得到一个400*400的div，但是实际上确实得到了一个400高，100%宽的div，这是什么原因呢？还有，当没有width值输入的时候一样得到一个400高，100%宽的div：

div {
  width:;
  height: 400px;
  background: red;
}

这个是由于css本身错误处理有bug的原因，还是有什么特别的考量？

Answer 1

第一个p应该是和width连在一起 所以当作错误忽略了
p;
这样p就被忽略了

width没有定义宽度的时候 默认就是父容器的100%

Answer 2

css不会像javascript一样给你每一句后面都加分号，就这么简单，其实你写的相当于p width:400px;请问有这样的属性吗？肯定设置不了宽度的。