Figure 0 is don't write any label content, two tags are quietly does not affect the


Figure 1 I only write in the first DIV, leads to the position of the first DIV mobile, this is why;


Figure 2 in the second DIV I wrote a title, will not lead to the first DIV mobile location, this is why;

CodePudding user response:

Div style increase vertical - align: top

CodePudding user response:

reference 1st floor dkwuxiang response:

div style increase vertical - align: top

I use the absolute position done two tags piece of float to fall away, and want to know why it in,

CodePudding user response:

I remember as if is the problem of inline elements and block element floating , and that silly fixed position -- -- -- -- -- forget haha

CodePudding user response:

The inline - block, the default alignment is vertical - block: baseline; Is the inline - block elements according to the baseline of the parent element alignment;
That is:
If an inline - block elements inside is empty, or it itself has overflow attributes, in this case the baseline is its margin bottom edge,

If an inline - block elements inside is not empty (for example, there is a text or image), then it's baseline in normal flow by a line box baseline decision,