A collection of thirty-eight studies using jQuery to infinitely populate divs inside of divs. Slight changes to the CSS or script create numerous variations ranging from subtle to dramatic.

divs.in/divs

01

Relatively positioned, 1 pixel dotted border, 100 pixel height and width

02

Relatively positioned, 1 pixel dotted border, 100% height and width

03

Relatively positioned, 1 pixel solid border, height and width set to auto

04

Absolutely positioned, 1 pixel dotted border, height and width set to auto, 1 pixel margin

05

Fixed position, 1 pixel solid border, 99.9% height and width, 1 pixel margin

06

Relatively positioned, 1 pixel dotted border, 100% height and width, 5 pixel margin

07

Relatively positioned, 1 pixel solid border, 100 pixel height and width

08

Absolutely positioned, 1 pixel dotted border, 100% height and width, 1 pixel margin

09

Absolutely positioned, 1 pixel solid border, 100% height and width

10

Absolutely positioned, 1 pixel dotted border, 101% height and width, no background color

11

Absolutely positioned, 1 pixel solid border, 99.9% height and width

12

Relatively positioned, 1 pixel solid border, 25vh/w height and width, 1 em padding

13

Relatively positioned, 1 pixel solid border, 1 pixel margin

14

Absolutely positioned, 1 pixel border, 100 pixel height and width, 1 pixel margin, scaled at .99

15

Absolutely positioned, 1 pixel solid border, 100% height, 50% width, 1 pixel margin

16

Absolutely positioned, 1 pixel solid border, 100% height and width, 1 pixel margin

17

Relatively positioned, 1 pixel solid border, 100% height and width, positioned right 1%

18

Relatively positioned, 1 pixel dashed border, 100% height and width, 1 pixel left-margin, flex positioning on body

19

Relatively positioned, 1 pixel dashed border, 99% height and width, skewed 1 degree on X and Y axes

20

Absolutely positioned, 1 pixel dashed border, 99% height and width, skewed 1 degree on X and Y axes

21

Absolutely positioned, 1 pixel dashed border, 99% height and width, rotated 1 degree

22

Relatively positioned, 1 pixel dashed border, 100% height and width, 50% border-radius, translated by -1 on X and Y axes

23

Relatively positioned, 1 pixel dashed border, 100 pixel height and width, rotated 1 degree

24

Relatively positioned, 1 pixel dashed border, 100 pixel height and width, skewed -1 degree on X and Y axes

25

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dotted border, 100 pixel height and width

26

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dotted border, 100% height and width

27

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel solid border, height and width set to auto

28

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel solid border, 25vh/w height and width, 1 em padding

29

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel solid border, 1 pixel margin

30

Divs also appended to the body with flex positioning, absolutely positioned, 1 pixel border, 100 pixel height and width, 1 pixel margin, scaled at .99

31

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel solid border, 100% height and width, positioned right 1%

32

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dashed border, 100% height and width, 1 pixel left-margin, flex positioning on body

33

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dashed border, 99% height and width, skewed 1 degree on X and Y axes

34

Divs also appended to the body with flex positioning, absolutely positioned, 1 pixel dashed border, 99% height and width, rotated 1 degree

35

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dashed border, 100% height and width, 50% border-radius, translated by -1 on X and Y axes

36

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dashed border, 100 pixel height and width, rotated 1 degree

37

Divs also appended to the body with flex positioning, relatively positioned, 1 pixel dashed border, 100 pixel height and width, skewed -1 degree on X and Y axes

38

Script added to randomize background color of divs, divs appended to the body with flex positioning, relatively positioned, 1 pixel dotted border, 100 pixel height and width