PTT數位生活區 / Web_Design

[問題] 一個絕對定位的問題

看板Web_Design作者 (小綿羊趕集)時間4年前 (2020/02/20 10:52), 編輯推噓2(2推 0噓 11→)
留言13則, 3人參與, 4年前最新討論串1/1
首先附上程式碼 https://codepen.io/willlai/pen/zYGKZME 問題: 由於設定了絕對定位 我的第二個區塊bb的起始點會從aa的背景圖底下開始當起點, 但我希望他是由aa裡面的黑色區塊下面才開始當起點, 不然bb的內容就會被黑色區塊擋住 想請問如果不在bb裡面設定padding-top讓他撐開的話,而是結構上 bb就是在黑色區塊下面開始 這樣該如何解決呢? 感謝高手解答 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 210.242.160.66 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1582167147.A.50D.html
推
02/20 11:07, 4年前 , 1F
從css來看, 已經明確知道黑色的高度和定位的top
02/20 11:07, 1F
→
02/20 11:08, 4年前 , 2F
感覺直接用padding或margin沒什麼錯啊
02/20 11:08, 2F
→
02/20 11:08, 4年前 , 3F
想要真的很靈活的話 用js去算吧
02/20 11:08, 3F
→
02/20 11:09, 4年前 , 4F
將(黑色的top+高度 - aa的高度), 設定為bb的margin-top
02/20 11:09, 4F
→
02/20 11:11, 4年前 , 5F
這個範例我刻意簡單化把黑色區塊的高度清楚寫出來,但
02/20 11:11, 5F
→
02/20 11:12, 4年前 , 6F
我實做上,我的黑色區塊部分必須不能去限制高度,所以想了解
02/20 11:12, 6F
→
02/20 11:13, 4年前 , 7F
應該怎麼用CSS去處理呢?我想應該是我對絕對定位還不夠了解
02/20 11:13, 7F
→
02/20 11:13, 4年前 , 8F
謝謝NICK大的回答喔
02/20 11:13, 8F
推
02/20 11:42, 4年前 , 9F
02/20 11:42, 9F
→
02/20 11:42, 4年前 , 10F
上面是用jquery計算 想不到單純用css要怎麼處理 哈哈
02/20 11:42, 10F
→
02/20 11:57, 4年前 , 11F
哈阿~謝謝NICK大喔!絕對定位好奧妙,但又很好用~苦手
02/20 11:57, 11F
→
02/20 13:32, 4年前 , 12F
提問敘述很不OK 列出哪些是固定值、哪些是變動值、DOM結構
02/20 13:32, 12F
→
02/20 13:33, 4年前 , 13F
、以及期望UI 標清楚這些關鍵因素才不用反覆確認需求
02/20 13:33, 13F
‣ 更多 cgcat 的文章
文章代碼(AID): #1UJVHhKD (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 cgcat 的文章
文章代碼(AID): #1UJVHhKD (Web_Design)