html - 高度100%误差

标签 html css

我正在尝试实现高度为 100% 的重复垂直背景。遗憾的是,每当我试图通过仅添加纯文本来扩展页面的高度时,具有 100% 高度和背景重复的背景就会被切掉。我只想让背景重复。这是屏幕截图。

http://img.photobucket.com/albums/v682/markeeh/heighterror.png

希望有人知道解决方案。谢谢。 :)

源代码可以在这里看到:

http://interfaceflor.asia/productlaunch/colourplay/try.php

最佳答案

删除你的 height: 100%属性并只使用 background-repeat: repeat-y

编辑

根据您的更新和查看您的代码,您将无法对两个不同的 div 执行您尝试执行的操作。你需要在你的 <body> 上设置一个背景标记,然后创建一个 <div>整个页面的包装器并将其他背景设置为该包装器。将其余代码放入包装器中。

或者创建两个包装 div,但我会在 body 上设置一个。

关于html - 高度100%误差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6376469/

相关文章:

javascript - 验证 html 下拉列表中的日期

html - 如何正确设置带有字母的复选框的样式?

html - 2 个输入被斜线分开

javascript - 与 SVG 矩形内联的 Div

javascript - 如何在不模糊的情况下拉伸(stretch) WebGL Canvas ?样式 "image-rendering"不起作用

javascript - 如何将 div 连接到 iframe 中用于搜索站点的数据 url

html - 无法创建文本论坛

javascript - 动态实例化 QuillJS 编辑器

html - ngFor 循环中的换行符

html - 如何让 CSS 在 404 错误页面上工作?