Layout. Margin-top nested divas. A strange bug?

Question

Layout. Margin-top nested divas. A strange bug?

15 views

Hello.

Faced with the problem

<div id="d1">
<div id="d2">
ee
</div>
</div>

#d2{ margin-top:10px; }

Reason is not shifted d2 inside of d1, and d1 pulls from the top to 10px

What's the problem?

asked Mar 21, 2019 by anonimizer_me | 15 views

4 Answers

Related questions

0 like 0 dislike

2 answers

Inside the body there is an element of. If you set margin-top in percent, as calculated these percentages?

asked May 21, 2019 by sorry_i_noob

0 like 0 dislike

1 answer

Why inside the unit the top margin?

asked May 21, 2019 by emin313

0 like 0 dislike

2 answers

Why div with clear: both not respond to margin-top?

asked May 20, 2019 by toha_man

0 like 0 dislike

1 answer

In IE 11 does not work margin top, bottom flex-box?

asked May 10, 2019 by Senseich

0 like 0 dislike

1 answer

Margin-top works incorrectly (HTML/CSS), what's the error?

asked Apr 12, 2019 by Lengdon

anonimizer_me · Answer 1 · 2019-03-23T11:25:50+0000

Margins shrink, this is normal. Solutions:
1)
#d2 {
margin-top: 10px;
display: inline-block; /* or inline, table, table-cell, etc */
}
2)
#d1 {
padding-top: 10px;
}
3)
#d2 {
margin-top: 10px;
position: absolute;
}

CAH4A · Answer 2 · 2019-03-23T11:25:50+0000

This is a true collapse fields in accordance with the standard. To get around this, you can, for example, at m2 instead of margin use padding from m1.

Layout. Margin-top nested divas. A strange bug?

Please log in or register to add a comment.

Please log in or register to answer this question.

4 Answers

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Related questions

Most popular tags