父親的絕對定位重疊內容的Chid Div

Question

通過以下WordPress site。我有一個父級內的子div與以下樣式強制它到瀏覽器的全部寬度，即使父級具有定義的居中寬度。以下是孩子的風格

.slider-controller 
{ 
position: absolute; 
width: 100%; 
left: 0; 
right: 0; 
top: 100; 
} 

我有一個叫Metaslider插件，打印完整的瀏覽器的寬度這個孩子DIV中的幻燈片。當我在父div中放置內容時發生問題。當瀏覽器寬度被修改時，子級的變量高度與父級內容重疊。無論瀏覽器的寬度如何，您如何將這些內容留在孩子的下方？ 我很欣賞你對此的任何想法。

Answer 1

我無法準確地確定幻燈片高度是什麼，但自從：

• 要在<main>第一段總是開始只是在幻燈片
• 幻燈片下面有一個相對一致的高度（相對於視口寬度 ）

以下樣式聲明 - 使用視口寬度單位（vw） - 將這兩個考慮因素考慮在內：

main p:first-of-type {margin-top: 48vw;}