【问题标题】:DIV position:fixed - overflow issueDIV 位置:固定 - 溢出问题
【发布时间】:2013-07-29 17:15:23
【问题描述】:

我有这样的问题:在“父”DIV 中,我添加了带有 (class="float") 的 DIV,位置:固定。您可以在我的演示页面(右侧栏)上看到它:http://1stsept.cba.pl/faq.html

我有两个问题: 1)第二个DIV(浮动)比“父”DIV更宽 - 有没有可能解决它? 2)更重要的是:当我将页面滚动到底部时,浮动 DIV 与页脚栏(黑色)重叠。如何防止(在侧边栏末尾停止 DIV)(截图:http://img18.imageshack.us/img18/7489/8nyy.png)?

我不懂 JavaScript,所以请逐步帮助我 :) 对不起我的英语不好 希望对你有所帮助, 问候

【问题讨论】:

  • 你能提供一些代码和/或问题的jsFiddle吗?
  • 对不起,但我不知道 jsFiddle :( 这里有描述问题的“演示”页面:1stsept.cba.pl/faq.html。我不知道 css/html/js 的哪个部分代码可能会产生问题,所以我向您展示“全部”:(
  • 如果不阅读您的实际代码,我很难具体说明。确保您的浮动 DIV 及其容器元素具有 CSS 中指定的 position: 属性。您还需要为任何浮动元素指定宽度。另外,我相信您需要添加 clear:both;到您的页脚 CSS。以下页面可能有助于您更好地理解 float 属性:css-tricks.com/all-about-floatsbarelyfitz.com/screencast/html-training/css/positioning
  • 我尝试并添加了 clear:both - 没有任何反应 :( Stiil position:fixed DIV is overwritten on footer.

标签: html css position overflow fixed


【解决方案1】:

关于第一个问题: 由于侧边栏的宽度是固定的,因此您可以通过指定内部 div 的宽度来轻松修复它。

<div class="float" style="width: 175px">

或在 CSS 类中定义宽度。

【讨论】:

  • 我有 procentage witdth = 所以我尝试使用 % 而不是 px。谢谢你。但是我可以用页脚重叠怎么办?太丑了:((这里的屏幕:img18.imageshack.us/img18/7489/8nyy.png
猜你喜欢
  • 2015-12-29
  • 1970-01-01
  • 2021-03-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多