开发者社区> 问答> 正文

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

展开
收起
杨冬芳 2016-06-02 11:55:10 1843 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

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

    2019-07-17 19:24:33
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载