0

我一直在使用基于 twitter 引导程序的模板。对于登陆页面底部的图像，由于某种原因，会出现一个额外的滚动条，这会导致底部组合中的图像出现裁剪或部分加载。

不确定是哪位 html 或 css 导致了这种情况，因为问题似乎没有出现在原始模板中。我已经检查并将我的代码与原始代码进行了比较，但无法弄清楚是什么原因造成的。

我已经从原始代码中删除了很多代码，因为我不需要太多代码。我只想要一个简单的主页，但不知道是什么导致了额外的滚动条或溢出效果。

如果有人有任何想法，这里是页面链接：http: //krmmalik.com/photography/

4

3 回答 3

1

对 Ascensor.js 的引用破坏了网站并将所有丑陋的内联 CSS 添加到正文中。我不知道它应该诚实地做什么，但它目前正在破坏事情。我在您的网站上禁用了 js 并重新加载它，一切正常。

该布局没有响应性，因为它只是一个流畅的布局。老实说，它不能很好地调整大小。我希望它不是非常昂贵。无论是那个还是你改变的东西都破坏了它应该如何调整大小。

我会尝试找出该脚本应该做什么，但与此同时，只需删除引用，您的网站似乎就可以正确加载。

于 2012-10-29T16:32:56.980 回答
1

我在 Chrome 开发工具中看到了这一点：

<div class="house" id="house0" style="height: 268px; width: 1726px; overflow-y: scroll; overflow-x: hidden; margin-top: 0px; margin-left: 0px; position: absolute; ">

它设置了一个 fix height，然后当项目低于该overflow-y:scroll;属性的高度时导致第二个滚动条。

但是，这不在View Source您的文档中！如果您碰巧知道它的来源，那么摆脱它是解决问题的关键。

如果您可以控制它，也许尝试将其更改为：

<div class="house" id="house0" style="min-height: 268px; width: 1726px; overflow-x: hidden; margin-top: 0px; margin-left: 0px; position: absolute; ">

这（应该）做的是让它永远不会比它更短，268px同时允许它扩展到一个新的高度，如果需要的话。我说应该是因为我没有测试它！

于 2012-10-29T15:55:21.300 回答
0

这是你犯的愚蠢错误。只需删除overflow-x: hidden; and overflow-y: scroll;和你的代码是这样的。

  <div id="house0" class="house" style="width: 1263px; margin-top: 0px; 
     margin-left: 0px; position: absolute;">

希望它会帮助你，干杯。！！如果有帮助，请将其标记为答案，以便其他人可以解决相同的问题。谢谢。

于 2012-10-29T16:05:29.643 回答