Css 自动增加一个div高度（100%父级），留下一个顶部和底部边距？

在jsfiddle der中给出的页面中，cont div中有一个侧栏

<section class="cont">
                <div class="sidebar">
                    <ul>
                      <li>sidebar</li>
                    </ul>
                </div>
                <div class="content">
                  <div class="cm_logo"><img src="img/turf_cm_logo.png"></div>
                </div>
</section>

边栏

侧边栏有一个右边框。Der是侧边栏顶部的10px边距。同样，我想在底部的10页边距也。我使用了100%的高度，这样div.sidebar就会填满整个屏幕。但使用这种方法，底部的边距不可用，因为我使用的是粘性页脚。我能为此做些什么？请帮忙

---

查看JSFIDLE以了解演示，了解我的问题

查看FIDLE以了解代码和演示

小提琴：

演示：

更新的小提琴：1280 x 800分辨率可根据您的要求

为了获得所需的输出，我使用1px x 2000px的图像。并调整背景图像的位置参见下面的css，您可以根据需要设置背景图像的高度（参见

110%；

）

.sidebar {
    position: fixed;
    top: 100px;
    width: 227px;
    /*border-right: 1px solid #949698;*/
    height: 100%;
    background: url("http://img152.imageshack.us/img152/8141/fullbar.png") no-repeat right 110%;
}

在我的系统中，如下图所示：

---

更新了fiddle-侧边栏和页脚中有2倍的空格。

有关代码和演示，请参见fiddle

小提琴：

演示：

更新的小提琴：1280 x 800分辨率可根据您的要求

为了获得所需的输出，我使用1px x 2000px的图像。并调整背景图像的位置参见下面的css，您可以根据需要设置背景图像的高度（参见

110%；

）

.sidebar {
    position: fixed;
    top: 100px;
    width: 227px;
    /*border-right: 1px solid #949698;*/
    height: 100%;
    background: url("http://img152.imageshack.us/img152/8141/fullbar.png") no-repeat right 110%;
}

在我的系统中，如下图所示：

---

---

更新了fiddle-侧边栏和页脚中有2倍的空格。

查看我的答案，如果有任何问题或我在某些地方落后，请告诉我。。请参阅演示小提琴，了解准确的输出。亲爱的，请参阅我更新的小提琴，如果您遇到任何问题，请告诉我。请参阅屏幕截图，了解我在系统中获得的输出。您的显示器分辨率是多少？我正在使用1024 X 768查看根据您的要求更新的小提琴1280 X 800分辨率。查看我的答案，如果有任何问题，请告诉我，或者我在某些地方落后了。。请参阅演示小提琴，了解准确的输出。亲爱的，请参阅我更新的小提琴，如果您遇到任何问题，请告诉我。请参阅屏幕截图，了解我在系统中获得的输出。您的显示器分辨率是多少？我正在使用1024 X 768查看根据您的要求更新的小提琴1280 X 800分辨率。查看此演示。侧边栏右边框与页脚接触。我想在页脚和边栏边框之间留10px的边距。就像侧边栏的顶部。此外，侧边栏高度需要增加取决于监视器大小或主要内容大小。ie：侧边栏必须与页脚保持10px的距离。@happy singh:谢谢你的回复。但65%的身高不会一直有效。这取决于页面的高度。。我想要一个完美的解决方案，使边栏和页脚之间的空白10像素。另一件我忘记提到的重要事情是侧边栏固定在一个位置…垂直边界线仍然接触页脚。我希望页脚和行之间有10px的间隙。但我的系统上没有。还是一样。也许你的显示器分辨率比我的高，但这并不能解决我的问题。该页面可能会被我的各种浏览器大小访问。请参阅此演示。侧边栏右边框与页脚接触。我想在页脚和边栏边框之间留10px的边距。就像侧边栏的顶部。此外，侧边栏高度需要增加取决于监视器大小或主要内容大小。ie：侧边栏必须与页脚保持10px的距离。@happy singh:谢谢你的回复。但65%的身高不会一直有效。这取决于页面的高度。。我想要一个完美的解决方案，使边栏和页脚之间的空白10像素。另一件我忘记提到的重要事情是侧边栏固定在一个位置…垂直边界线仍然接触页脚。我希望页脚和行之间有10px的间隙。但我的系统上没有。还是一样。也许你的显示器分辨率比我的高，但这并不能解决我的问题。该页面可能会被我的各种浏览器大小访问。