我是HTML和CSS的新手，我正在为学校做这个项目。 我希望我的页面可扩展（但没有响应），所以我在互联网上发现，我需要设置我的位置：相对，因此它会根据用户所使用的屏幕分辨率而改变。不过我的一个页面，它给了我很多底部的空白。 提及的网站的Pastebin转储： 网站的CSS：http://pastebin.com/qCYL1dXK 头条新闻：http://pastebin.com/n6GV5xHp
我试过把溢出：隐藏;在包装器下它可以工作，但我的标题和导航然后被删除。 请有人帮助我，我已经阅读了其他一些帖子，但我很难理解它 - 我是一个新手，我很恐慌:-) 对任何愿意帮助遇难的少女的人都有很多的爱！ ; - ）
（抱歉，我删除了我的链接并添加了pastebin转储！）
答案 0 :(得分：1)
您应该将父元素定位为＆＃39; relative＆＃39;及其子元素为绝对的＆＃39;因此，后者将具有“顶部＆＃39;”，“＆＃39;”，“＆＃39;底部＆＃39;”，“＆＃39; left＆＃39;”等属性。不过要小心，当我尝试这个时（在#wrapper中放置一个位置：相对;＆＃39;并且更改以前位于相对于绝对位置的所有元素）空白区域问题得到解决，但内容（学期信息或其他内容）搞砸了。自从你创建了这个网页，也许你会弄清楚我哪里出错了。
另外，删除＆＃39; position：relative;＆＃39;来自#navigation＆amp; ＆溢出：隐藏＆＃39;来自.box1 - 它被不必要地放在那里。
最后，如果你从上面尝试了我的补救措施，但无法弄清楚出了什么问题，那么试试这个：
将#wrapper定位为＆＃39; relative＆＃39;并取代了之前的“亲戚”。值为绝对值＆＃39;，更改＆＃39; top＆＃39; ＆＃39; .oneline＆＃39;，＆＃39; .twoline＆＃39;，＆＃39; .threeline＆＃39; ＆安培; ＆＃39; .fourline＆＃39;到顶部：45px;＆＃39;