Question

我想在主要内容和侧边栏之间添加一些空格，在黑色空间中，必须显示背景图片，我不想添加边框。

查看我的博客模板截图。图片链接： - http://i.stack.imgur.com/xxpfV.jpg

因此，主要内容与侧边栏之间没有任何空白。

请看另一张截图，在这张照片中，您会看到主要内容和侧边栏之间的空格。图片链接 - http://i.stack.imgur.com/Y5bld.jpg

所以我想添加这样的空间，任何人都知道如何使用保证金和填充？

我使用简单的白色博客模板，所以在哪个类或id中，我需要添加css代码？

非常感谢您提供的任何帮助。

Answer 1

Html代码：

<div id="wrapper">

    <div id="left">
        <p>The left-hand content</p>

    </div>

    <div id="right">
        <p>The right-hand content</p>
    </div>

</div>

这是css：

#wrapper
{position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
width: 100%;
background-color: #ffa;
    }

#right {position: absolute;
border-radius: 5px 10px / 10px;
    top:5%;
    right: 10%;
    bottom: 0;
    width: 17%; 
display: block;
background-color: #ccc;
overflow: auto;
    }

#left   {width: 60%; height:100%; 
border-radius: 5px 10px / 10px;
margin-top:2.5%;    
margin-left: 10%;
    margin-right: 16%; 
display: block;
background-color: #0ff;
overflow: auto;
    }

p   {display: block;
margin: 0.5em;
padding: 0.2em 0.5em;
    }

以上代码将如下图所示 http://i57.tinypic.com/29wv614.png

如何在博客中的内容和侧边栏小部件之间留出空间？

1 个答案: