作者cgcat (小绵羊赶集)
看板Web_Design
标题[问题] 一个绝对定位的问题
时间Thu Feb 20 10:52:24 2020
首先附上程式码
https://codepen.io/willlai/pen/zYGKZME
问题:
由於设定了绝对定位
我的第二个区块bb的起始点会从aa的背景图底下开始当起点,
但我希望他是由aa里面的黑色区块下面才开始当起点,
不然bb的内容就会被黑色区块挡住
想请问如果不在bb里面设定padding-top让他撑开的话,而是结构上
bb就是在黑色区块下面开始
这样该如何解决呢?
感谢高手解答
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 210.242.160.66 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1582167147.A.50D.html
1F：推 nick8195: 从css来看, 已经明确知道黑色的高度和定位的top 02/20 11:07
2F：→ nick8195: 感觉直接用padding或margin没什麽错啊 02/20 11:08
3F：→ nick8195: 想要真的很灵活的话 用js去算吧 02/20 11:08
4F：→ nick8195: 将(黑色的top+高度 - aa的高度), 设定为bb的margin-top 02/20 11:09
5F：→ cgcat: 这个范例我刻意简单化把黑色区块的高度清楚写出来,但 02/20 11:11
6F：→ cgcat: 我实做上,我的黑色区块部分必须不能去限制高度,所以想了解 02/20 11:12
7F：→ cgcat: 应该怎麽用CSS去处理呢?我想应该是我对绝对定位还不够了解 02/20 11:13
8F：→ cgcat: 谢谢NICK大的回答喔 02/20 11:13
10F：→ nick8195: 上面是用jquery计算 想不到单纯用css要怎麽处理 哈哈 02/20 11:42
11F：→ cgcat: 哈阿~谢谢NICK大喔!绝对定位好奥妙,但又很好用~苦手 02/20 11:57
12F：→ Rplus: 提问叙述很不OK 列出哪些是固定值、哪些是变动值、DOM结构 02/20 13:32
13F：→ Rplus: 、以及期望UI 标清楚这些关键因素才不用反覆确认需求 02/20 13:33