javascript - 侧边框和动态内容帮助

Question

我的网站上有两个侧边框，左侧和右侧...大约 15x15 的小图像在网站上重复出现...当像下面这样设置 100% 时，边框只会向下“一个屏幕”(为 100%)。但是我的网站是动态的，内容会发生变化......我希望边框随着页面的总高度而变化...... 我该怎么做？

这是CSS:

.bgr_right {
background-image: url(../Graphics/bgr_right.jpg);
background-repeat: repeat-y;
background-position: right;
position: absolute;
top: 0px;
height: 100%;
width: 30px;
right: 0px;
background-color: #E7F5F0;
    }

这是 HTML DIV:

    <div class="bgr_right"></div>

此外，position: absolute 是正确的吗？

更新: 阅读回复后，我认为必须有更好的方法...... 如何使用javascipt ... 有谁知道是否有办法使用 javascript 获取 body 的高度？ 然后:

     <div height="javascript_function()" or something...

???

再次感谢

Answer 1

或者，我建议将另外两个 div 包裹在内容容器周围，并重复背景，使其在一个 div 中向左对齐，另一个向右对齐。即:

<div id="left_wrapper" style="background: url(my_leftimage.png) y-repeat top left;">
<div id="right_wrapper" style="background: url(my_rightimage.png) y-repeat top right;">

  <div id="content">hello world</div>

</div>
</div>

然后，如果您希望它达到 100% 高度，请在 CSS 中将 html、正文和内容容器设置为 100% 高度:

html, body, #content { 高度: 100%;

希望这有帮助:)