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

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

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的原因,还是有什么特别的考量?


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

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


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

【热门文章】
【热门文章】