避免与绝对位置的HTML元素之间的重叠

我想创建一个产品列表，每个产品定义为具有绝对位置的div（如pinterest引脚页）。不幸的是，所有的产品都相互重叠。避免与绝对位置的HTML元素之间的重叠

注：我添加使用WordPress主题的产品，所以如果你使用的位置是绝对的，则几乎将上边和左边将是解决办法，我不能加左顶部位置为每格

来源

2013-03-05 Rami Saleem

请分享您的HTML和CSS代码。 – Sachin 2013-03-05 17:14:46

你能告诉我们你的html/css /相关代码吗？这就是绝对定位是如何工作的。也许你想完全放置容器。 – 2013-03-05 17:15:15

z-index？显示你的代码。 – sarink 2013-03-05 17:20:04

。有没有办法通过Javascript添加左上角的坐标？计算宽度+一点余量。

无论如何，你为什么要设置绝对的位置？任何你可以改变它为相对或静态的机会？

来源

2013-03-05 17:19:11 ecairol

下面是使用的CSS： .default_product_display { position：absolute; border-color：＃7F7F7F; border-style：dotted; border-width：1px; width：225px; margin-left：36.1px; float：left; margin-bottom：30px; margin-right：0; box-shadow：1px 1px 5px lightgray; } 我不能使用相对位置，因为每个div都有不同的宽度，我不希望某些div影响它下面的整行 – 2013-03-05 17:34:34

我已经解决了这个通过使用jQuery砌体功能，我不知道它已经在WordPress

来源

2013-03-07 19:28:06

避免与绝对位置的HTML元素之间的重叠

回答

相关问题