2011-12-18 146 views
1

enter image description here我怎樣才能讓側邊欄

http://img818.imageshack.us/img818/575/14394211.png

下的內容去我怎樣才能讓側邊欄下的內容去?到目前爲止,我的嘗試一直沒有成功。

+2

顯示您目前爲止的代碼。 – JJJ 2011-12-18 16:33:51

+1

你想在HTML/CSS中重新創建該圖像,或者圖像顯示*你有*問題*。 – 2011-12-18 16:36:39

+0

我需要重新創建所有使用html和css,但我不能實現sidebar下的內容..我將發佈代碼一秒。 – Uffo 2011-12-18 16:38:54

回答

0

這可能是你所需要的。請檢查此提琴:http://jsfiddle.net/YT8YR/1/

您還可以在那裏找到CSS使用情況。

+0

'under'我想他的意思是'下面'。同樣按照他給出的屏幕,我相信'低於'是他正在尋找的東西。 – techfoobar 2011-12-18 16:44:11

+0

-1,除非OP希望邊欄使用視口大小(30%)調整大小。 William Van Rensselaer有最好的答案。 – JohnB 2011-12-18 16:51:17

+0

@JohnB - 這是一個愚蠢的理由downvote一個答案;這是一個示範,而不是文字實施。 *您*不知道,而且OP已將此標記爲已接受。 – 2011-12-18 16:53:05

4

float:right;添加到邊欄。

#header { 
    height: 100px; 
} 

#sidebar { 
    float: right; 
    width: 200px; 
    height: 200px; 
} 

例子:http://jsfiddle.net/qzCJZ/

+0

真的嗎?你認爲他有什麼問題可以解決這個問題? – 2011-12-18 16:37:30

+0

@大衛托馬斯:這在黑暗中被稱爲刺;) – BoltClock 2011-12-18 16:38:42

+0

這是一個奇怪的演示/小提琴。我[不認爲它正在工作](http://jsfiddle.net/qzCJZ/2/)。 (當然,除非在OP之下,否則意味着圍繞邊欄......嗯。) – 2011-12-18 16:41:08