CSS 呈現座標與流位置
長闊比、包含區塊、sticky 位置及堆疊邊界。
內容未到，先留好合比例的位置
先訂闊度，再用 16:9 比例推算自動高度，不用替每個闊度寫死高。
行內方塊底下多了空位，是哪裏來的？
同一行內方塊，用基線和底部對齊時，底下空位可能不同。
絕對定位的註記，要跟哪個容器對齊？
top、right 的偏移要有參考；用真正父層框位置看清楚。
Sticky 只在自己的捲動範圍內生效
在 120px 局部捲動框，查看 scrollTop0、80 時標題位置。
z-index 寫再大，也可能跳不出父層
用真正重疊方塊和命中測試，查看內層 z-index 受父層限制的結果。
transform 移了畫面，原本位置仍會留住
方塊橫移後，實際外框座標變了，下一行卻仍按原本流位置排。
隱藏內容時，要不要保留原本空位？
量度 visibility:hidden 和 display:none：一個保留空位，一個不產生版面框。