Skip to content
Navigation menu
Search
Search
Log in
Create account
DEV Community 👩💻👨💻
Close
The Rules of Margin Collapse in CSS Series' Articles
Back to Top's Series
Introduction of Margin Collapse in CSS
Top
Top
Top
Follow
May 10 '22
Introduction of Margin Collapse in CSS
#
css
#
webdev
#
design
Reactions
8
reactions
Comments
Add Comment
1 min read
Only vertical margins collapse
Top
Top
Top
Follow
May 12 '22
Only vertical margins collapse
#
css
#
webdev
#
programming
Reactions
1
reaction
Comments
Add Comment
1 min read
Only adjacent elements collapse
Top
Top
Top
Follow
May 13 '22
Only adjacent elements collapse
#
css
#
webdev
#
programming
#
productivity
Reactions
9
reactions
Comments
Add Comment
1 min read
The bigger margin wins
Top
Top
Top
Follow
May 13 '22
The bigger margin wins
#
css
#
webdev
#
programming
#
productivity
Reactions
3
reactions
Comments
Add Comment
1 min read
Nesting doesn't prevent collapsing
Top
Top
Top
Follow
May 13 '22
Nesting doesn't prevent collapsing
#
css
#
webdev
#
programming
#
productivity
Reactions
8
reactions
Comments
Add Comment
2 min read
Margins can collapse in the same direction
Top
Top
Top
Follow
May 13 '22
Margins can collapse in the same direction
#
csss
#
webdev
#
programming
#
productivity
Reactions
9
reactions
Comments
Add Comment
1 min read
More than two margins can collapse
Top
Top
Top
Follow
May 13 '22
More than two margins can collapse
#
css
#
webdev
#
programming
#
productivity
Reactions
3
reactions
Comments
Add Comment
1 min read
Negative margins
Top
Top
Top
Follow
May 22 '22
Negative margins
#
discuss
#
css
#
webdev
#
programming
Reactions
5
reactions
Comments
Add Comment
1 min read
Multiple positive and negative margins
Top
Top
Top
Follow
May 22 '22
Multiple positive and negative margins
#
css
#
webdev
#
programming
Reactions
4
reactions
Comments
Add Comment
1 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account