使用position:fixed时,table不适合父滚动div

时间:2016-10-13 12:46:21

标签: html css

抱歉我的英文。 我有一个包含的PHP页面,其中包含一个表格,显示为position:fixed; 但它总是出现在滚动条上方,不包含在父div中。

screenshot is here

water.php:

    <div id="waterDBDiv">
        <table id="titlesTable">
          <tr>
              <td>title</td>
              <td>title</td>
          </tr>
        </table>

       <table id="contentTable">
          <tr>
              <td>title</td>
              <td>title</td>
          </tr>
        </table>
   </div>

包含在index.php中:

switch ($q) {
   case "Water":
   include("water.php");
   break;
}

CSS:

#waterDBDiv {
        position:absolute;
        display:block;
        width:400px;
        height:400px;
    }

#titlesTable {
    margin:50px 0 0 0 ;
    position:fixed;        
    z-index: 1;
}

1 个答案:

答案 0 :(得分:0)

位置:固定意味着,该元素应位于html页面中的固定位置 所以设置父母是不正确的(我认为) 关于卷轴,您可以为表格设置Z-index 现在,您可以为表设置相同的width,并将其设置为父