1. 犀牛前端部落首页
  2. 新手错误

div设置width height:100%不起作用的原因

新手朋友,经常遇到一些很奇怪的问题,比如div设置width height:100%不起作用,今天俺跟大家分享一下这个错误的原因。

问题原因

因为未设置html,body为100%,因此div设置的参考父级对象为0所以没有起作用,需要注意的是div默认是块元素,所以默认是100%。

代码

/*
*解决设置100%没有作用css
*/
html,body{
width:100%;
height:100%;
}
div{
width:100%;
height:100%;
}

总结

出现这个问题原因是未设置100%,将body,html设置为100%后就解决了这个问题。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2483.html

发表评论

登录后才能评论