Blogger - 将整个模板与屏幕右侧对齐？答案

【问题标题】：Blogger - Aligning whole template to right of screen?Blogger - 将整个模板与屏幕右侧对齐？
【发布时间】：2014-08-30 13:29:29
【问题描述】：

我最近看到一个网站，其博客与屏幕右侧对齐（因此任何多余的空间都在主列的左侧。不幸的是，它是 Wordpress，我搜索时似乎只能找到将博客模板右对齐是关于右对齐图片的东西。

我想可以在该侧添加填充（反复试验）以将其撞到，但这不会在其他计算机上正确显示。

我的侧边栏是 325 宽，主栏是 625，左边约 240。

我只是使用简单模板作为基础。我不知道从头开始做这件事是否值得花时间。或者说我有这个技能：。 Blogger 帮助区域实际上已被废弃。

这可能吗？或者是否有任何其他想法可以在不同的计算机/分辨率上发挥作用？

【问题讨论】：

【解决方案1】：

无论你想右对齐什么元素，将它包含在一个 div 中并让它向右浮动？这样不行吗？

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

【讨论】：

感谢您的回复。我试了一下，但它仍然保持左对齐。我尝试只包含标题中的内容，然后包含标题和正文中的内容，但两种方式都没有改变:(。也许是我在整个模板之后导致不动？
@skittle Anoop 所说的是正确的。当您使用 Simple Blogger 模板时，它的 CSS 将是 .content-outer { float:right;我设置了一个带有简单模板的演示博客，它工作正常，在这里查看prayagverma.blogspot.com
感谢您的回复，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);