Question

我有一个页面news.html，它是我的index.html中包含的php - 在#content div中。 news.html有另一个div，它漂浮在右边，并有一个垂直线jpg，将它与主要内容分开，添加和类似的东西将被放置在那里。

问题是我无法达到100％的高度（虽然它适用于行jpg），我认为原因是一些css问题。由于某种原因，我也不能将它放在页脚下方，因此100％高度线不会覆盖它。我为每个页面使用了一个main.css文件。

如果我使用position：fixed为#poll div高度100％工作，但是当放大/缩小浏览器时，我的div移动，这不是我想要的。我知道有一个最小宽度的属性，但似乎对我不起作用。

这是我的代码：

的index.html：

//Content div is placed inside a #main table//
<div id="content"><?php include "news.html"?></div>

的main.css：

   html, body{
        height:100%;    
    }
        #main{  
            width:1010px;
            height:100%;
            z-index:2;
        }
        #content{
            margin-top: 303px;
            height:100%;
            z-index:1;
        }
        #footer{
            z-index:2;
        }
        #poll{
            height:100%
            background-color:rgba(255,0,0,0.6);
            float:right;
            z-index:1;
}

news.html

<div id="poll"><div style="background-image:url(images/vertical.jpg); width:5px; height:100%; background-repeat:repeat-y; vertical-align:top; position:fixed; top:0; z-index:0;"></div>
    <div>POLL CONTENT HERE</div>
</div>

Answer 1

..............

您好，如果您曾经z-index，而不是至少提供一个职位 relative或absolute

比它的工作

就像这样

{
z-index:2;
position:relative;
}

如何工作Z-index Link here

Answer 2

仅当您为元素指定z-index属性时，

position才有效。因此，对于您已为其提供z-index的每个元素，您需要将位置指定为

position: relative;

或

position: absolute;

z-index＆amp;身高不适合我的div

2 个答案: