鱼C论坛

 找回密码
 立即注册
查看: 2054|回复: 9

[已解决]css3

[复制链接]
发表于 2022-1-17 11:48:07 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
这个为什么要用html,body 为什么直接body不行
屏幕截图 2022-01-17 113454.png
最佳答案
2022-1-17 17:51:09


我觉得应该和这个有关
#text {
    text-indent: 10px;
    position: absolute;
    width: 670px;
    height: 225px;
    background: rgba(187, 236, 234, 0.2);
    margin-left:50%;
    left: -335px;
    margin-top: 15%;
    padding: 15px;
    color: #fff;
    font-size: 25px;
    line-height: 45px;
    border-radius: 5px;
}
这个也设置了div的css,但是我也想不通为啥html要和body公用
https://blog.csdn.net/qq_4471305 ... 1018.2226.3001.4187
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2022-1-17 12:15:22 | 显示全部楼层

回帖奖励 +2 鱼币

直接body不行的吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-1-17 13:06:26 | 显示全部楼层

回帖奖励 +2 鱼币

直接body
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-1-17 13:23:31 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2022-1-17 14:34:47 | 显示全部楼层
大马强 发表于 2022-1-17 12:15
直接body不行的吗?

好像不行
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-1-17 16:29:27 | 显示全部楼层

是哪节的作业我看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-1-17 16:49:32 | 显示全部楼层
大马强 发表于 2022-1-17 16:29
是哪节的作业我看看

第六讲
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-1-17 17:51:09 | 显示全部楼层    本楼为最佳答案   


我觉得应该和这个有关
#text {
    text-indent: 10px;
    position: absolute;
    width: 670px;
    height: 225px;
    background: rgba(187, 236, 234, 0.2);
    margin-left:50%;
    left: -335px;
    margin-top: 15%;
    padding: 15px;
    color: #fff;
    font-size: 25px;
    line-height: 45px;
    border-radius: 5px;
}
这个也设置了div的css,但是我也想不通为啥html要和body公用
https://blog.csdn.net/qq_4471305 ... 1018.2226.3001.4187
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-1-17 19:02:30 | 显示全部楼层
大马强 发表于 2022-1-17 17:51
我觉得应该和这个有关

这个也设置了div的css,但是我也想不通为啥html要和body公用

ok,万分感谢
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-5-25 22:30:50 | 显示全部楼层
100% 是根据其父节点的大小来计算大小的,如果父节点没有设置大小(例如没有设置width或height),那么100%就会被忽略。
这里,我建议直接用body标签,然后使用vh,vw为单位来设置body的大小,代码如下:
body {
    width: 100vw;
    height: 100vh;
    margin: 0;
}
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-22 16:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表