2014-12-02 171 views
-1

本網站:http://alumni.fgcu.edu/s/1630/index.aspx?sid=1630&gid=1&pgid=373我試圖在屏幕尺寸小於768px的情況下讓左側列在右列內容下移動。切換點上的內容div

我試着顛倒了兩個div(「.split30left和.split70right」)上的浮點數。我甚至嘗試過使用jQuery的調整大小功能來檢測兩個div的寬度值是否爲100%,以便切換它們並且我沒有運氣。

在投票前有任何問題讓我知道。提前致謝。

+1

最簡單的解決方案是更改HTML中div的順序,因此split30left在split70right之後。 – pschueller 2014-12-02 16:53:01

回答

1

@pschueller是完全正確的......在換你的HTML的兩個div不改變CSS的任何和你應該罰款:

<div class="split70right" id="indexRight"> 
    -- content -- 
</div> 

<div class="split30left" id="indexLeft"> 
    -- content -- 
</div> 

花車依然會保持「split30left」分區上左邊,另一邊在右邊。如果需要,您可以調整媒體查詢中的浮動,如果它不適合在小於768px的屏幕寬度上進行操作。

+0

我明顯在想這種情況。謝謝您的幫助。 – zach57 2014-12-02 17:10:59