为什么设置body的背景颜色,颜色没有覆盖整个网页

yaqbb 2021-01-28 04:23:53

而是这样子
...全文
1244 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
sxysoft_csdn 2021-02-20
  • 打赏
  • 举报
回复
多看css相关知识
喯啵儿灞 2021-02-20
  • 打赏
  • 举报
回复
引用 4 楼 越来越好。 的回复:
加入css
html,body{
height:100%;
background: #2272c1;
}
你这里的height 100%肯定是失效的,这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题, 正常情况下,直接设置body的background即可全网页覆盖(即使document高度达不到全网页),你的没有覆盖,很有可能是其他代码或css框架的样式把body的样式重写了,可加入以下代码尝试下:

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}
希望可以解决你的问题,欢迎互粉互关
  • 打赏
  • 举报
回复
html,body{ height:100%; margin:0; padding:0; background:black; }
喯啵儿灞 2021-02-20
  • 打赏
  • 举报
回复
引用 6 楼 風灬雲 的回复:
[quote=引用 5 楼 喯啵儿灞 的回复:][quote=引用 4 楼 越来越好。 的回复:]加入css
html,body{
height:100%;
background: #2272c1;
}
你这里的height 100%肯定是失效的,这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题, 正常情况下,直接设置body的background即可全网页覆盖(即使document高度达不到全网页),你的没有覆盖,很有可能是其他代码或css框架的样式把body的样式重写了,可加入以下代码尝试下:

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}
希望可以解决你的问题,欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面,所以这么写是完全正确的

html,body{
height:100%;
background: #2272c1;
}
[/quote] 深表歉意,只注视到body,忽视了前面的html,这位老师html,body写法是正确的,是我草率了~~
風灬雲 2021-02-20
  • 打赏
  • 举报
回复
引用 5 楼 喯啵儿灞 的回复:
[quote=引用 4 楼 越来越好。 的回复:]加入css
html,body{
height:100%;
background: #2272c1;
}
你这里的height 100%肯定是失效的,这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题, 正常情况下,直接设置body的background即可全网页覆盖(即使document高度达不到全网页),你的没有覆盖,很有可能是其他代码或css框架的样式把body的样式重写了,可加入以下代码尝试下:

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}
希望可以解决你的问题,欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面,所以这么写是完全正确的

html,body{
height:100%;
background: #2272c1;
}
越来越好。 2021-01-29
  • 打赏
  • 举报
回复
加入css
html,body{
height:100%;
background: #2272c1;
}
20112061 2021-01-29
  • 打赏
  • 举报
回复
height:100vh
sxysoft_csdn 2021-01-28
  • 打赏
  • 举报
回复
上代码,我给你解决
Oliver尹 2021-01-28
  • 打赏
  • 举报
回复
横向默认是100%,但是html标签和body标签纵向并不是默认100%,手动设置一下

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧