在我的页面右侧添加额外的空间

Question

我想在页面右侧添加一个空格来放置一些额外的内容，例如标签云，...如下所示（标记为红色）：

这是我的实际代码：

<div id="menu">    
    @Html.BuildMenu()
</div>

<div id="content">                
    <div class="outer-gray"> 
        <div class="inner-gray">
            @RenderBody()              
        </div>
    </div>
</div>

PS：我的外灰色和内灰色用于产生双边效果。

如果有人能指出我正确的方向，我会非常感激。

感谢。

Answer 1

我认为CSS属性float正是你在这里寻找的。尝试类似：

#menu { width: 10%; float: left; }
#content { width: 80%; float: left; }
#cloud-tag { width: 10%; float: right; }

Answer 2

我注意到你有： <div id="This is my content">什么时候应该

<div id="content">

如果你减少#content的宽度，它应该修复它。