【凡哥教程第三讲作业】会开花的云（计算令贴子居中）

花简静

花简静

<style> #mama {     position: relative;     margin: 230px 0 30px calc(50% - 890px);     width: 1600px;     height: 780px;     background: url('https://pic.imgdb.cn/item/66a070a4d9c307b7e9dae68b.jpg') no-repeat center/cover; } </style>   <div id="mama"></div>

大家可把代码复制到这里，转为带行号代码，用发音画的方式，跟在作业贴子后。 http://mhh.52qingyin.cn/art/bsho ... rt=mahei_1708831075

花简静

第三讲问题是：
calc() 计算函数里小括号内的算式中 50% 减去的为什么是 630px

回答：
因为贴子宽度是width: 1600px;
用凡老师给的公式套用 1600÷2+90=800+90=890
所以第四行代码数字为：890

雨声

花简静 发表于 2024-7-24 11:16
第三讲问题是：
calc() 计算函数里小括号内的算式中 50% 减去的为什么是 630px

静宝讲解这么没详细，总算明白了一些

雨声

欣赏静宝带来的美帖，跟着学习不掉队

凡哥

云笛

花简静 发表于 2024-7-24 11:14
本帖最后由 花简静 于 2024-7-24 11:18 编辑
.mum { position: relative; margin: 0; padding: 10px; fon ...

这个不错哦，有了着色预览，能更加清晰直观的看明白教程了

云笛

花简静 发表于 2024-7-24 11:16
第三讲问题是：
calc() 计算函数里小括号内的算式中 50% 减去的为什么是 630px

晚上一直挂版没看帖子，现在才来看见，今天是没空学习了，要准备下了，明天来

花简静

雨声 发表于 2024-7-24 19:04
静宝讲解这么没详细，总算明白了一些

哈哈，抱个抱个，教程的意义就是一 点点明白

花简静

雨声 发表于 2024-7-24 19:04
欣赏静宝带来的美帖，跟着学习不掉队

好哒，有大家伙一起玩一玩开心哈。。