如何讓這個div比這個其他div更向左移動？

我有兩個div。

<div id="1"> 
    <p>hello</p> 
</div> 
<div id="2"> 
    <p>goodbye</p> 
</div>

＃1向左浮動。＃2浮在左邊。我能做些什麼，只是改變HTML將＃2推到＃1的左邊？我知道一個解決使用絕對和相對定位的，但是如果有一種方法做它一個更「動態」的方式（如浮動）

This be wat i want

2011-07-18 enthdegree

我假設float：right也是不可能的？ – pixelfreak

所以你想要做**而不用改變HTML **？ – thirtydot

我問這個的原因是因爲＃2是我的左邊欄，＃1是我的內容欄。我希望它能夠浮動，因爲理想情況下，當您將瀏覽器調整爲非常瘦時，側邊欄會彈出到我的內容列下。 – enthdegree

使用浮法這將是超：右和外部容器

CSS

#outside { float: left } 
#a { float:right } 
#b { float:right }

HTML：

<div id="outside"> 
    <div id="a"> 
    <p>hello</p> 
    </div> 
    <div id="b"> 
    <p>goodbye</p> 
    </div> 
</div>

2011-07-18 23:05:14 ghayes

唯一的問題是：ID不能以數字開頭。查看http://jsfiddle.net/ktrauberman/upP5F/以獲取工作示例。 –

好點/編輯..我假設OP只是演示任意名稱 – ghayes

哈！這比我期待的要優雅得多。謝謝！ – enthdegree

爲什麼你不簡單地漂浮第一個div？

2011-07-18 23:23:50 pasine

注：ID的斜面開始編號。只需刪除左側的id爲'one'

#one{} 
#two{float: left}

2011-07-19 14:06:03 Juraj

回答