【css】页面出现两个滚动条以及只有一半页面显示内容的解决方法

可能当修改页面的margin等属性时会出现页面只有一半的页面显示内容的情况，此时我们可以修改css代码来解决问题

代码实现：

body{overflow:hidden}

html{/*overflow-y:scroll;*/  }

html{overflow: auto; }

注意：该代码为css代码，需要放到sytle属性当中。

分析：博主暂时没有搞清楚出现这种情况的原因，今天写前端代码的时候修改了一下一个标签的margin属性，然后就出现了页面只有上半部分显示内容的情况，当时写的内容也没有将内容占满，再强行加入一个div使得页面占满一页后出现了两个滚动条，使用上述的css代码后问题解决了。当页面彻底完成之后将这段css代码删除发现也没有出现两个滚动条。