2012-08-06 158 views
1

我想了解如何在一個容器div中創建兩個div。我希望容器內的div並排坐在一個居中(相對於標題),另一個右移。中心一個div浮點數

你可以在這裏看到:http://jsfiddle.net/mariabarrette/KjvZA/3/

我想「主」分區爲中心WRT頭,併爲「欄」浮動的權利。

在此先感謝您的幫助!

+0

你想要div「maincontent」居中而div「sidebarinfo」位於屏幕右側? – 2012-08-06 20:18:17

回答

0

我認爲,如果你把你的側邊欄div在主div之前,並且你設置了自動邊距,它應該可以正常工作。如果你有足夠的空間來適應div div的寬度。見http://jsfiddle.net/KjvZA/16/(但未註冊,所以可能不會持續)。

+0

謝謝你,工作。不幸的是,我正在處理的頁面中的內容不再包含在「主」邊框內。這在jsfiddle中不會發生,我認爲它與我編碼中的其他內容有關。任何猜測,它可能是什麼?或者我如何解決這個問題的解決方案? – user1497624 2012-08-06 20:45:52

+0

這是內容的主要股利或內部的下級股利?你有沒有添加任何其他風格的元素?你使用哪個瀏覽器?行爲與不同瀏覽器相同嗎? – Tonin 2012-08-06 21:30:08

0

看起來像你已經做了大部分。如果我正確理解你,這應該這樣做:

  1. Remove text-align:center;從「容器」div
  2. 將標題的寬度設置爲:width:285px; (與內容相同)。

這就是你想要做的?

+0

感謝您的回覆。我嘗試過,但它沒有給我我想要的結果。當我按照上面的說明操作時,會導致「main」div將標題居中,但「sidebar」div隨後移動並位於「main」下。我希望「main」div和「sidebar」div保持並排,而「側邊欄」在「main」居中的同時坐在右側。 – user1497624 2012-08-06 20:39:07