移動設備的CSS定位

我的頁面在桌面瀏覽器上正確顯示，但在移動設備上無法正常顯示。該網址[問題解決後刪除]。左上角的徽標絕對定位。標題下方的div也絕對位於left: 0。目前div#page有position:relative，但我試圖把許多包裝div的相對定位沒有成功。我還在每個單獨的php文件中都有php輸出緩衝區（例如，header.php，body.php）。移動設備的CSS定位

幻燈片使用一個WordPress插件，它調用jQuery Cycle插件，並且聲明絕對和相對定位，所以它可能會導致關於什麼是相對和什麼是絕對的混淆。但我已經嘗試在看起來每個組合中給元素附加相對和絕對定位，但仍然沒有運氣。

p.s.我知道CSS是一團糟，在計算出這個定位問題後，我打算進行重構。

來源

2012-02-29 dyelawn

如果你嘗試用一個浮球離開？ – David 2012-02-29 16:18:28

左側浮動不能解決問題。我最初基於960網格系統的整個佈局，將它們應該呈現的彼此之間的東西浮起來。但我想完成與徽標和內容的重疊效果。 – dyelawn 2012-02-29 16:44:45

看起來你有一個媒體查詢在那裏添加下面的CSS在某個中斷點，這將影響到手機的大小。

#main #content { margin: 0 7.6%; width: auto; }

如果你能確切說明你的感覺是錯的移動版本，它可以幫助我們提供更好的答案。你是否正在尋找描述文字在滑塊圖像下碰撞？

來源

2012-02-29 16:15:11 ckaufman

在移動版本中，標題下的所有內容都被推送到右側，並且內容的右側被切斷。我認爲它受到我對標誌絕對定位所決定的像素數量的推動。 – dyelawn 2012-02-29 16:35:01

我想要完成像'

logo

stuff

'這樣的標題，它具有固定的高度，可見的溢出和最高的z-index，所以標誌看起來好像與內容重疊。 – dyelawn 2012-02-29 16:47:20

移動設備的CSS定位

回答

相關問題