Blogger - 將整個模板對齊到屏幕右側？

我最近看到一個網站將博客與屏幕的右側對齊（所以任何額外的空間都在主列的左側。不幸的是，它是Wordpress，而我在搜索時似乎找到了所有的東西對準博客模板右邊是基本正確對齊圖片的東西。Blogger - 將整個模板對齊到屏幕右側？

我想可以在那一側添加填充物（試錯）碰到它跨越，但不會在其他計算機上正確顯示。

我的側邊欄寬度爲325，主欄爲625，左邊爲〜240左右。

我只是使用簡單模板作爲基礎，我不知道它是麥芽汁h從頭開始需要花費的時間。或者我有技能：。 Blogger的幫助區域實際上已被放棄。

這可能嗎？還是有其他想法可以在不同的計算機/分辨率下工作嗎？

2014-08-30 skittle

無論你想對齊到右邊的任何元素，將它包含在一個div中，並使其正確地浮動？這不工作嗎？

... 
<div style="float:right"> 
    <div class='sidebar'>...</div> 
    <div class='main-column'>...</div> 
</div> 
...

來源

2014-08-30 05:29:29 Anoop

感謝您的回覆。我放棄了它，但仍然保持左對齊。我試着在頭文件中包含內容，然後都是頭文件和正文中的內容，但是沒有任何變化:(。也許是因爲我在整個模板之後導致非移動？ – skittle 2014-08-30 09:47:19

@skittle Anoop說的是正確的。當你使用一個簡單的Blogger模板時，它的CSS將爲 .content-outer {float：right;} 我設置了一個簡單模板的演示博客，它工作正常正確的，在這裏檢查http://prayagverma.blogspot.com/ – 2014-09-07 14:48:11

感謝您的回覆，Prayag。不幸的是，當我添加float：right;}到CSS，它沒有做任何改變它從左邊。你的意思是這樣的： .content-outer {float：right; } -moz-box-shadow：0 0 $（content.shadow.spread）rgba（0，0，0，.15）; -webkit-box-shadow：0 0 $（content.shadow.spread.webkit）rgba（0，0，0，.15）; -goog-ms-box-shadow：0 0 $（content.shadow.spread.ie）＃333333; box-shadow：0 0 $（content.shadow.spread）rgba（0，0，0，.15）; – skittle 2014-09-09 11:22:22

Blogger - 將整個模板對齊到屏幕右側？

回答

相關問題