時出現奇怪的寬度問題我已經創建了一個網頁,其頂部有兩個橫條(用於導航和twitter更新)。 我如何做到這一點是通過爲每個酒吧創建兩個div,在另一個酒吧內創建一個div。原因是因爲我希望欄橫跨整個頁面進行縮放,但內容限制爲固定寬度。當屏幕大小>容器大小
現在這工作正常「正常」,但是當瀏覽器屏幕寬度小於子div寬度然後它溢出父div之外。
我的頁面在這裏的現場演示: http://tinyurl.com/7qj3pzs
編輯: 我已經加入最小寬度父DIV,似乎已經解決了這一問題:d
時出現奇怪的寬度問題我已經創建了一個網頁,其頂部有兩個橫條(用於導航和twitter更新)。 我如何做到這一點是通過爲每個酒吧創建兩個div,在另一個酒吧內創建一個div。原因是因爲我希望欄橫跨整個頁面進行縮放,但內容限制爲固定寬度。當屏幕大小>容器大小
現在這工作正常「正常」,但是當瀏覽器屏幕寬度小於子div寬度然後它溢出父div之外。
我的頁面在這裏的現場演示: http://tinyurl.com/7qj3pzs
編輯: 我已經加入最小寬度父DIV,似乎已經解決了這一問題:d
在父DIV ,你需要設置下面的CSS:
#parentDiv {
overflow: hidden;
}
假設這是HTML:
<div id="parentDiv">
<div id="childDiv"></div>
</div>
我也碰巧注意到,在「圖表」部分,您將一堆JQuery動畫彈出到動畫隊列中。如果鏈中的.stop()
方法進入動畫像這樣將防止動畫超負荷隊列和鼠標變本加厲之後動畫:「衛生署」
$('a').stop().animate();
看來,我有一個那一刻。通過將最小寬度添加到父div來修復它。 – Imran