0

我有一个有两个边距作为图像的网站。我用它们作为我的 div 的背景。

加载页面时，如果父级大于窗口大小，则会出现滚动条。条形图的高度为：100%，它们仅填充到窗口大小。

我怎么解决这个问题？

我想让它们在几乎所有浏览器上工作，即使在 IE7 上工作也很重要。

我可以用 JS/JQuery 解决这个问题，但我想知道是否有更好的方法来做到这一点。

<body>
    <div id="left"><img src="Imagini/Left_01.jpg" alt="" /></div>
    <form id="form1" runat="server">
    <div id="left_edge"><img src="Imagini/LeftEdge.jpg" alt="" /></div>
        <div id="q">

        </div>
        <div id="right_edge"><img src="Imagini/rightedge_04.jpg" alt="" /></div>
    </form>
    <div id="right"><img src="Imagini/right_05.jpg" alt="" /></div>
</body>
</html>

body 
{
    margin:0 0 0 0;
    font-size: 13px;
    font-family:"Verdana", Sans-Serif;
}

#left 
{
    float:left;
    width: 116px;
}

#left_edge
{
    width:22px;
    float:left;
    min-height: 10px;
    height:100%;
    background: url('../Imagini/LeftEdge.jpg');
    background-repeat:repeat-y;
}

#form1
{
    background: #FAFAFA;
    width:700px;
    float:left;
}

#q 
{
    float:left;
    width:656px;
}

#right 
{
    width:693px;
    float:left;
}

#right_edge
{
    width:22px;
    float:left;
}

稍后编辑：我不是在谈论没有滚动条。我希望滚动条看到整个页面，但我想要的是垂直填充#left_edge 和#right_edge 的背景到它的父级的整个高度

请看一下图片

有阴影的边不见了。

4

1 回答 1

0

我只是尝试将这两个添加到#left_edge中，但没有出现滚动

position: fixed; 
overflow: hidden;
于 2013-09-15T09:32:14.447 回答