【问题标题】:How can you make a site scroll down; as my site won't scroll如何让网站向下滚动;因为我的网站不会滚动
【发布时间】:2014-08-06 09:56:27
【问题描述】:

我的网站有两个问题。首先,它不会在有多余空间的地方向下滚动(参见http://www.dragonclub.co.uk/kent.html)。第二个问题是我的网站无法识别其宽度,因此我很难将图像或元素放入其中,因为它们无法适应网站大小(请参阅http://www.dragonclub.co.uk/alnmouth.html)。

这是内容元素:

#content {
 width: 100%;
 margin:0 auto;
 background:#ffffff;
 font-size:1.20em;  
 min-height:400px;
 padding: 0px;
 text-align: justify;
 line-height:1.5;
 }

这是我的网站 HTML:

<html>
<link rel="stylesheet" href="main-style.css" />
<head><link rel='shortcut icon' href='http://www.weebly.com/uploads/1/5/5/7/1557342/custom_themes/573159643243021653/files/Favicon.png?1394411094538'/>
<meta name="google-site-verification" content="YCJ0yvYRsfDH2J_NdKW-iYnJ5sqe4xPACCFAkOob_NI" />
<div style='display:none'>{title}</div>
</head><body><div id="menu"><nav>{menu}</nav>
<div id="header">{header}</div><div id="content">{content}</div>
<div id="footer-content" style="visibility:hidden">{footer}</div><div id="flexifooter">{flexifooter:content}</div></body>
</html>

如果您能帮助我以及其他为我面临的网站尺寸问题而苦苦挣扎的人,那就太好了。谢谢!

【问题讨论】:

  • 我们不会阅读缩小 CSS 的文字墙,但您显然已经打开了 overflow:hidden,这完全禁用了滚动。
  • 您将整个站点定位在#menu上的“位置:固定”
  • yups,把它移出固定的菜单div,没关系

标签: html css scroll dimensions


【解决方案1】:

我看到了您的网站请从“#menu”元素中删除位置:固定,您的网站将开始滚动。请看下面的截图 -

【讨论】:

    【解决方案2】:

    您已将所有内容、页脚等放入 &lt;div id="menu"&gt; 您需要将您的内容移到此 div 之外,因为它的位置为:固定。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-10-20
      • 1970-01-01
      • 2013-04-10
      相关资源
      最近更新 更多