html - 如何将一个背景图像用于一个主 div,它有两个 div,一个在左边,一个在右边

标签 html css layout background-image

我想制作一个布局如下的 HTML、CSS 页面:



.....


.....


内容 div 有一个背景图像,应该在 y 方向上重复。此外,左右 div 应该并排放置在同一背景图像上。我能够做到这一点,但是通过保持内容的高度固定,但我不想使内容的高度固定。请帮助我的人。 提前致谢:)

最佳答案

没有看到您的代码...我猜您是在 float 左右 DIV...但您并未 float 内容 DIV...

你的 CSS 应该看起来类似于这样才能让它工作:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

关于html - 如何将一个背景图像用于一个主 div,它有两个 div,一个在左边,一个在右边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1816400/

相关文章:

javascript - 关于 Extjs afterLayout

css - 不希望图像超出定义的 div 大小;应保持图像分辨率;不要介意图像是否被剪切

html - 带 CSS 和 HTML 的四分之一圆环

php - 获取整个 div 及其元素并使用 php 邮件功能发送它

javascript - jQuery 不工作

html - 站点不响应 float :left and float:right in safari (OK in Firefox and Chrome)

ios - 根据方向处理状态栏高度

html - 下拉菜单的位置

html - 在父项悬停时显示子项而不是在父项或子项悬停时显示

android - 给ViewGroup添加View可以跳过onMeasure吗?