Question

我在他们自己的div中有一个左右图像的网站，一个带浮动：右边一个带浮动：左边。
我还有一个用屏幕标签在屏幕上移动的图像有什么方法可以在div之间取得选择吗？所以基本上它会从右侧图像的左侧开始，然后在左侧图像的右侧开始消失如果你没有得到我所知道的内容，请点击示例页面：http://benjiworld.ueuo.com/Example.html并且正如您所看到的那样，选框只显示在两个div下方，即使在那里＆＃39 ;足够的空间用于div之间的压印图像。

这是我的测试网站代码：

<!DOCTYPE html>
<head>
<title>Example</title>
</head>
<body>
<div style="float:left; width:350px">
<img src="Jaffa.png">
<img src="Jaffa.png">
<img src="Jaffa.png">
</div>
<div style="float:right; width:350px" >
<img src="Jaffa.png">
<img src="Jaffa.png">
<img src="Jaffa.png">
</div>
<p style="text-align: center">
<marquee><img src="Hobnobs.jpg"></marquee>
</p>

有人可以帮忙吗？我真的不知道如何解决它，我已经尝试将选框放在中心的div中，但它也没有用。

Answer 1

你可以像我一样使用position：absolute：

.left,.right,.center{
    position:absolute;
    top:0;
}
.left,.right{
    width:200px;
    height:300px;
    background-color:orange;
}
.center{
    left:200px;
    right:200px;
}
.left{
    left:0;
}
.right{
    right:0;
}

<div class="right">right</div>
<div class="left">left</div>
<div class="center">
    <marquee>
        <img src="http://www.w3.org/html/logo/downloads/HTML5_Badge_256.png" alt="">
    </marquee>
</div>

这里是jsfiddle：http://jsfiddle.net/78pgca5o/

Answer 2

试试这个：

<!DOCTYPE html>
<head>
<title>Example</title>
</head>
<body>
<div style="float:left; width:50px">
<img src="http://benjiworld.ueuo.com/Jaffa.png">
<img src="http://benjiworld.ueuo.com/Jaffa.png">
<img src="http://benjiworld.ueuo.com/Jaffa.png">
</div>
<div style="float:right; width:50px" >
<img src="http://benjiworld.ueuo.com/Jaffa.png">
<img src="http://benjiworld.ueuo.com/Jaffa.png">
<img src="http://benjiworld.ueuo.com/Jaffa.png">
</div>
<p style="text-align: center; position: absolute; z-index: -1; width: 100%">
<marquee><img src="http://benjiworld.ueuo.com/Hobnobs.jpg"></marquee>
</p>

两个div之间的HTML Marquee？

2 个答案: