PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] 一个绝对定位的问题
楼主:
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 标清楚这些关键因素才不用反复确认需求
继续阅读
[问题] heroku问题
catrush
[问题] 点连结关闭选单
babit
[问题] FB登入 JavaScript SDK的安全性
mickeyboy
[问题] 请问Google登入OAuth登入验证很久
dspswen
[心得] WordPress控制台设定网页导览列菜单
moodyblue
[问题] 连结新竹物流货况
ppppppppp
[问题] 有关wordpress布景主题中文化
aixab
[问题] 有无侦测所使用网页模板的程式
StratApostle
[问题]想请问各位有没有不错的主机服务商推荐呢?
figurehead
[心得] 删除重复的网页Async Script异步程式码
moodyblue
Links
booklink
Contact Us: admin [ a t ] ucptt.com