我正在尝试开发这个使用 CSS3 的工作模板的个人版本:http: //www.html.it/articoli/1688/template/photoshop-xhtml-css.html
这是我以前模板的版本:http: //onofri.org/example/WebTemplate/
正如您所看到的,这两个模板在结构和 css 设置中非常相似(我在 Photoshop 中重新创建了它,并且我使用了相同的 HTML\CSS 结构,使用 CSS3 作为阴影并进行了一些小改动)
如您所见,左侧边栏存在一些问题,因为最后一个蓝色框(#c div)没有垂直延伸到#container div 的末尾,因此与页脚背景图像不匹配。
奇怪的是,这个问题消失了,并出现用 CTRL + 和 CTRL - 改变浏览器放大倍数
我发现的唯一“解决方案”(但这不是正确的解决方案)是增加我的边栏的 **#c div 的 min-height* 属性的值。例如,如果我将这个值从原来的 234px 增加到 334px,它似乎工作得很好。
但这不是一个真正的解决方案,因为如果页面的内容变化量发生变化,这个问题就会再次出现。
在我看来这很奇怪,因为结构几乎与原始布局相同。
导致此问题的区别是什么?我该如何解决?我该怎么做才能将#c div的高度延伸到其容器的末尾