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%
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。