Question

我正在尝试创建一个div像这样浮动的布局

====                                  ==== 
 XX                                    XX  
====                    ====          ====
                         XX
                        ====     
          ====                            ====  
           XX                              xx
          ====                   ====     ====
                                  XX
                                 ====

我想要的是像这样漂浮div并从右到左为它们设置动画。

问题是我无法找到正确对齐它们的方法。这些divs不限于divs。

我尝试了什么

div{
   position:relative;
}
.div:nth-child(odd){
    left:10%;
    top:10%;
}
.div:nth-child(even){
    bottom:10%;
    right:10%;
}

我尝试absolute & relative定位，并且在两者中它们都与div重叠。我想以某种方式这样做，以免彼此重叠

Answer 1

如果您想让DIV围绕漂浮而不会相互影响，则应将其定位设置为绝对。

因此，例如元素的CSS可能如下所示：

For i=1 to i=NumberOfRows

ActiveSheet.Cells(i, 2).Formula = "=IF(ISNUMBER(FIND("TRADE", (i, 1)), 1, 2)"

next i

创建元素时，请务必设置顶部和左侧 CSS属性，以便在页面上放置元素。

然后开始无限循环并更改属性以将它们移动到圆圈中，除非它们重叠。有关如何检查它们是否重叠的示例，请参阅How to check if an element is overlapping other elements?。

div上下定位

1 个答案: