Question

我正在尝试编辑一些css以在我的网站的右侧和左侧包含边框。我的问题是，当我将自己的高度设为100％或自动没有任何反应时，但是当我改变它的高度时它会起作用，但我不能使用它，因为我希望它随内容而改变。

我已经注意到在表达式网站中我的sitegrinder div看起来太压扁了顶部而不是内容的全长。这可能是由于定位？可以以某种方式解决这个问题？

我已将下面

  <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个像素是你的边框，你可以按自己喜欢的方式设计。

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

1 个答案: