[问题] 一个绝对定位的问题

楼主: cgcat (小绵羊赶集)   2020-02-20 10:52:24
首先附上程式码
https://codepen.io/willlai/pen/zYGKZME
问题:
由于设定了绝对定位
我的第二个区块bb的起始点会从aa的背景图底下开始当起点,
但我希望他是由aa里面的黑色区块下面才开始当起点,
不然bb的内容就会被黑色区块挡住
想请问如果不在bb里面设定padding-top让他撑开的话,而是结构上
bb就是在黑色区块下面开始
这样该如何解决呢?
感谢高手解答
作者: nick8195 (煎饼)   2020-02-20 11:07:00
从css来看, 已经明确知道黑色的高度和定位的top感觉直接用padding或margin没什么错啊想要真的很灵活的话 用js去算吧将(黑色的top+高度 - aa的高度), 设定为bb的margin-top
楼主: cgcat (小绵羊赶集)   2020-02-20 11:11:00
这个范例我刻意简单化把黑色区块的高度清楚写出来,但我实做上,我的黑色区块部分必须不能去限制高度,所以想了解应该怎么用CSS去处理呢?我想应该是我对绝对定位还不够了解谢谢NICK大的回答喔
作者: nick8195 (煎饼)   2020-02-20 11:42:00
https://tinyurl.com/vma4r6a上面是用jquery计算 想不到单纯用css要怎么处理 哈哈
楼主: cgcat (小绵羊赶集)   2020-02-20 11:57:00
哈阿~谢谢NICK大喔!绝对定位好奥妙,但又很好用~苦手
作者: Rplus (R+) (9527)   2020-02-20 13:32:00
提问叙述很不OK 列出哪些是固定值、哪些是变动值、DOM结构、以及期望UI 标清楚这些关键因素才不用反复确认需求

Links booklink

Contact Us: admin [ a t ] ucptt.com