【发布时间】: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