2011-12-23 42 views
1

http://jsfiddle.net/5V7Q7/3/試圖從被放置在側邊欄

我所試圖做移動側邊欄下面停止體下方停止身體的時候沒有對身體旁邊的側邊欄有足夠的空間。

我更喜歡身體隱藏在屏幕之外。比放置在側欄下面。

(調整瀏覽器的大小以查看效果) - 點擊小提琴鏈接,例如發生了什麼。

+1

這是沒有必要使用[jsfiddle]標籤或在問題標題中提到,你已經把小提琴:) – BoltClock 2011-12-23 11:24:09

+0

啊:)我有一個真棒回答下面。我現在也知道這一點。所以在這個世界上一切都很好:) – Doomsknight 2011-12-23 11:27:16

回答

1

這裏的jsfiddle做你想做什麼

基本思路是:

#body, #sidebar {display: table-cell;} 

刪除所有浮動:左。

+0

是的。通讀它並比較代碼。優秀!比我昨天寫的讓它遠程關閉的CSS好得多。聖誕快樂。 – Doomsknight 2011-12-23 11:28:01

+0

我不認爲你可以讓身體水平滾動? :) – Doomsknight 2011-12-23 11:40:02

+1

請注意,顯示:表格單元不被IE7識別。你必須爲IE7 – 2011-12-23 11:42:21

0

請注意顯示:表格單元不被IE7識別。你將不得不爲IE7編寫一個單獨的樣式表。

我已經創建了一個不同的方法,寬度不再是側邊欄...都基於百分比。檢查this了。如果IE7不打擾你,那麼使用上面提到的解決方案。

+0

編寫一個單獨的樣式表,這就是說,這只是南瓜的一切,但希望揭示IE7的問題。 – Doomsknight 2011-12-23 11:48:53