可以使用css / jquery在其他容器侧水平显示div（html元素）的一部分吗？

Question

使用css / jquery或其他方法可以像在图像中那样做这样的技巧吗？我需要同一个元素的一部分位于右侧而另一部分位于左侧：）

http://imageshack.us/photo/my-images/43/a320ffs.jpg/

Answer 1

看起来您最好的选择是使用Javascript计算第一个div的宽度，并将该宽度用作第二个div的背景位置水平偏移。

Answer 2

首先，您需要计算div的任何部分是否在容器的边界之外。容器的overflow属性设置为由css隐藏。

然后你将使用javaScript / jQuery克隆部分位于容器之外的div，并将其置于负左侧位置，等于你在第一步中计算的像素数。

这是我会使用的概念，希望它有所帮助。