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

展开
收起
a123456678 2016-05-27 11:05:33 1643 0
1 条回答
写回答
取消 提交回答
  • 第一个p应该是和width连在一起 所以当作错误忽略了
    p;
    这样p就被忽略了

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

    2019-07-17 19:17:24
    赞同 展开评论 打赏
问答分类:
问答标签:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多