Question

我有一个网站布局,包括4个编目。

<div class="global">
<div class="content">
</div>
<div class="top">
</div>
<div class="footer">
</div>
</div>

采用以下方式:

div.top{
position:fixed;
top:0px;
width:100%;
height:28px;
background-color:rgb(55,55,55);
border-bottom:1px solid black;
}

采用以下方式:

div.footer{
position:fixed;
float:right;
bottom:0px;
left:87.5%;
border:1px solid:black;
border-bottom:0;
}

以及

div.content{
position:absolute;
bottom:0;
top:28px;
width:100%;
background:transparent;
margin:auto;
padding:0;
}

我所面对的问题是内容分散的问题,我希望它直接从上到下,继续走到下页的其余部分,然而,它却从上页的底线上走过,尽管如此,我还是把很多人放在首位。现在,当我用x子为顶级的大小时,我就能够采用百分数,这样,用只 c子做这项工作的最佳方式。

http://www.andysinventions.info/test/rel=“nofollow” http://www.andysinventions.info/test/。问题可在称为“论坛”的表格中看到。

tl;dr 我怎么能够阻止我干 the越过页数边界?

Answer 1

Andrew,

在审查了答复(大部分答复是正确的)和你的网址之后,我注意到你正在使用Iframe。在2012年,如果影响是过去的一种设计特征,则只能用作诸如场外植被和饲料(或沙箱)等第三方添加。

你们需要为你所要做到的:

<!doctype html>
<html>
  <head>
    <title>A title</title>
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <ul id="menu">
      <!-- menu content here -->
    </ul>
    <!-- Actual page content here -->
  </body>
</html>

在风格上,有这些规则:

body { margin: 28px 0 0; }

ul#menu {
  position: absolute;
  top: 0;
  left: 0;
  }

这应当实现你所期望的现代技术。

Answer 2

a. 不是绝对立场和最高地位,而是尝试边距:28px:

div.content{
    bottom:0;
    width:100%;
    background:transparent;
    margin: 28px auto 0 auto;
    padding:0;
}

Answer 3

之所以出现这种情况,是因为你正在使用top:28px;上下台。相反,您应使用margin-top:28px;,并采用绝对立场。

div.content{
    width:100%;
    background:transparent;
    margin:28px auto 0 auto;
    padding:0;
}

友情链接