CSS相对定位溢出（压扁div问题）div高度随内容扩展？

Question

我正在尝试编辑一些 css 以在我的网站的右侧和左侧包含边框。我的问题是，当我将高度设置为 100% 或自动时，什么也不会发生，但是当我更改高度时，它可以工作，但我无法使用它，因为我希望它随内容而变化。

我注意到在表达式网络中，我的 sitegrinder div 看起来太挤在顶部而不是内容的完整长度。这可能是因为定位的原因吗？溢出可以以某种方式解决这个问题吗？

我已经包含了下面的 css 和 html，

  <div  id="sitegrinder">
    <div id="bgrepeat">
           <div id="id68logo"></div>
                  <div id="bglight"></div>
                        <div id="topbanner"></div>
                               <div id="id53light"></div>


#sitegrinder  {
left: auto;
top:auto;
width: 960px;
position: relative;
margin:auto;  }

我还注意到，当我在 css 中包含溢出：隐藏时，我的所有内容都显示在该 div 的顶部。

Answer 1

如果你想制作一个水平居中的div，并用固定的图形作为左边框和右边框，你应该使用如下所示的内容：

html:

<div id="wrapper">
    <div id="content">
        ...your content here...
    </div>
</div>

css:

#wrapper { width:980px; margin:0 auto;)
#content { margin:0 20; background transparen url(background_image.png) top center repeat-y; }

background_image.png 应该是宽度为 980px 的图像。最左边的 10 个像素..和最右边的 10 个像素是你的边框，你可以按照你想要的方式设置样式。