Please look at figure in the position of DIV4 why so strange-CodePudding

, as shown on the right side of the block 4 why in such a strange place, it should be on the under side of the block 3, isn't it, why
To the right side of the block 2?

The above image code is as follows:

5. The HTML code below

<style type="text/CSS" & gt;
# the big - box {width: 500 px; Height: 800 px; Border: 1 px solid # 8 a2be2; }
# a1 {width: 100 px; height: 100px; Background: aqua; }
# a2 {width: 200 px; height: 200px; Background: yellow; }
# a3 {width: 100 px; height: 100px; Background: red; }
# a4 {width: 50 px; height: 50px; Background: pink; }
A5 # {width: 300 px; Height: 300 px; Background: Peru; }

</style>

<body>

4. The HTML code is as follows:

<style type="text/CSS" & gt;
# the big - box {width: 500 px; Height: 800 px; Border: 1 px solid # 8 a2be2; }
# a1 {width: 100 px; height: 100px; Background: aqua; }
# a2 {width: 200 px; height: 200px; Background: yellow; position:relative; Float: left; Z - index: 1; }
# a3 {width: 100 px; height: 100px; Background: red; Z - index: 4; }
# a4 {width: 50 px; height: 50px; Background: pink; position:relative; Float: left; }
A5 # {width: 300 px; Height: 300 px; Background: Peru; }

</style>

<body>

CodePudding user response:

Another post have not asked yet...

You problem, please describe the full, you complete effect and don't say

A1 ~ a5 style, to join the position: absolute; Z - index: value; The value, the greater the floating above, think how how, float off

Page link：https//www.codepudding.com/frontend/106928.html

Prev:Video resolution

Next:After ajax to global variable assignment to synchronous or not

Tags：

JavaScript

Links：
CodePudding