0

我正在尝试开发这个使用 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的高度延伸到其容器的末尾

4

1 回答 1

0

尝试将宽度设置为 100%。

此外,在主体上使用填充,将导航设置为较低(顶部边距),您的 cerca 搜索图片不起作用,检查文件路径并将页脚浮动到右侧。

于 2013-07-15T14:47:34.360 回答