雨夜 【花样歌词同步】

静悟

夕阳黄昏 发表于 2020-9-3 10:23
本帖最后由 夕阳黄昏 于 2020-9-3 10:26 编辑

回黄昏老师，是不是第3行里用了一个absolute绝对定位代码关系？

静悟

夕阳黄昏 发表于 2020-9-3 10:18
不能理解为"锁住", 只是那框提供了一个定位的参考点，所有的画面组件都参考同一个点也就不会出现乱套的情 ...

谢谢黄昏老师讲解！学习了！

夕阳黄昏

静悟 发表于 2020-9-3 10:36
回黄昏老师，是不是第3行里用了一个absolute绝对定位代码关系？

div外框用position:relative; 和 它所包含的其他需要定位的标签使用position:absolute;没错；

<div style="width:640px;height:480px;position:relative;border:3px brown solid;background-color:gray;">  框的大小是 640 x 480

<p style="width:400px;height:300px;position:absolute; left:300px; top:200px;background-color:red;"></p> 这p标签大小是 400 x 300
</div>
p放在离框的左边 300 的位置， 它本身宽400 ， 300+400 大于框的宽度 640，同样的
p放在离框的顶边 200 的位置，它本身高300 ， 200+300 大于框的高度 480

跑出框外不是很显然的吗。

夕阳黄昏

1. <div style="width:640px;height:480px;position:relative;border:3px brown solid;background-color:gray;">
3. <p style="width:400px;height:300px;position:absolute; left:120px; top:90px;background-color:red;"></p>
5. </div>

复制代码

修改一下left和top它就关住了

九品莲花

静悟中午好！
欣赏您的佳作！

静悟

夕阳黄昏 发表于 2020-9-3 10:47
div外框用position:relative; 和 它所包含的其他需要定位的标签使用position:absolute;没错；

  框的 ...

我没有想得这么复杂。看来还得好好学习做做算术了。

夕阳黄昏

静悟 发表于 2020-9-3 11:08
我没有想得这么复杂。看来还得好好学习做做算术了。

有预防老年痴呆的功效

静悟

夕阳黄昏 发表于 2020-9-3 10:52
修改一下left和top它就关住了

本来想只需要改下 left:120px; top:90px;，又好像没那么简单。归根到底还是缺少基本代码知识。惭愧！

静悟

九品莲花 发表于 2020-9-3 11:08
静悟中午好！
欣赏您的佳作！

谢谢莲花版主欣赏支持！中午好！

静悟

夕阳黄昏 发表于 2020-9-3 11:10
有预防老年痴呆的功效

老师说得是！