絕對div出現在小型設備上的容器div

我已經創建了一個基於Bootstrap 3的新網站，我需要在容器類之外放置兩個div（廣告橫幅）。絕對div出現在小型設備上的容器div

第一個出現在頁面的左側，第二個出現在頁面的右側。每件事情都很好，但我在小設備上遇到了一個小問題，我看到頁面右側的第二個橫幅與容器重疊。這裏是我的CSS代碼：

position:absolute; 
left:0; 
top:0;

將'px'轉換爲'％'，您希望第二個橫幅位於小設備上的哪個位置？ – Dionys

當然，當你使一個元素絕對定位時，它將「浮動」到網格外並相對於身體（除非你用'position：relative'設置父容器，我發現網站沒有響應並且在這種情況下，我認爲您需要移除視口元標記或添加以下內容：'將960更改爲您的網站的實際寬度 – Aziz

我認爲這沒有什麼關係。 –

更換的width橫幅和內容區域，然後設置好。橫幅不會以任何寬度重疊內容區域。

2016-01-24 03:33:32

您的網站不響應這是此問題的主要原因。

對於小型設備，我相信你應該檢查媒體查詢單獨安排不同媒體即屏幕尺寸不同的HTML元素。

另外，如果你希望元素滑下自動根據屏幕大小，然後960格是一個選項。

如果你不想要的元素面朝下放入下一行，只是要調整到較小的屏幕更小的元素，然後檢查Responsive web development here. 在響應你需要所有像素大小「PX」測得的元素轉換爲百分比'％'。對於同一個網站，可以使用this website.

2016-01-24 04:35:39

回答