Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 基于左div'制作右div重复背景;s高度_Css_Html - Fatal编程技术网

Css 基于左div'制作右div重复背景;s高度

Css 基于左div'制作右div重复背景;s高度,css,html,Css,Html,我有两个div在一个容器div中,一个向左浮动,一个向右浮动。 我有一个php函数,用于搜索引擎,将结果吐出到左分区中 右分区根据左分区不同结果的高度重复背景。我不知道如何进行,有什么想法吗 现在看起来是这样的: 左div内容右div背景 左div内容右div背景 左div内容右div背景 左div内容 左div内容 我需要它做的是在左div中的内容基础上重复y,所以看起来像这样 左div内容右div背景 左div内容右div背景 左div内容右div背景 左div内容右div背景 左div内容

我有两个div在一个容器div中,一个向左浮动,一个向右浮动。 我有一个php函数,用于搜索引擎,将结果吐出到左分区中 右分区根据左分区不同结果的高度重复背景。我不知道如何进行,有什么想法吗

现在看起来是这样的:

左div内容右div背景
左div内容右div背景
左div内容右div背景
左div内容
左div内容

我需要它做的是在左div中的内容基础上重复y,所以看起来像这样

左div内容右div背景
左div内容右div背景
左div内容右div背景
左div内容右div背景
左div内容右div背景
左div内容右div背景

编辑: 我现在能想到的唯一解决办法是在右分区中为左分区中的每个链接留出一个空行,我希望避免这种情况,这就是为什么我要求一个不同的解决方案

编辑2:
想一想通过javascript的另一种方法,在div加载到页面后检测高度,然后将左侧的高度重新分配到右侧。一些我想避免的事情,但是嘿,你能做什么。

将右div高度设置为与左div相同。

作为一个纯css解决方案,你可以使用。基本上,它意味着在父对象上使用背景重复来遮罩div高度。这是一个丑陋的黑客,但在大多数情况下效果出奇地好

或者您可以使用javascript:

var box1 = document.getElementById('left-div');
var box2 = document.getElementById('right-div');
var height = box1.offsetHeight;
if(box1.offsetHeight < box2.offsetHeight) height = box2.offsetHeight;
box1.style.height = box2.style.height = String(height) + 'px';
var-box1=document.getElementById('left-div');
var-box2=document.getElementById('right-div');
var高度=框1.0,偏离视线;
如果(box1.offsetHeight
就是这样,这是一个搜索结果,所以没有固定的高度,所以左边的div可以有10个链接,也可以有5个链接,所以我不能设置固定的高度,这正是我想要的,非常感谢,它工作得非常完美!