RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 05:27:45 +00:00
Code Issues Activity Actions

LibWeb: Handle negative values when collapsing vertical margins

Browse source 
In the presence of negative margins, we subtract the largest negative
margin from max(0, largest positive margin).
This commit is contained in:
Andreas Kling 2020-06-12 18:09:40 +02:00
parent 21b1f1653d
commit c91981eba8
3 changed files with 32 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Base/home/anon/www/margin-collapse-2.html Normal file
View file

@ -0,0 +1,23 @@
<style>
#foo {
border: 1px solid red;
margin-bottom: 25px;
width: 100px;
height: 100px;
}
#bar {
border: 1px solid green;
margin-bottom: 25px;
width: 100px;
height: 100px;
}
#baz {
border: 1px solid blue;
width: 100px;
margin-top: -20px;
height: 100px;
}
</style>
<div id=foo>foo</div>
<div id=bar>bar</div>
<div id=baz>baz</div>

1
Base/home/anon/www/welcome.html
View file

@ -28,6 +28,7 @@ span#ua {
<p>Your user agent is: <b><span id="ua"></span></b></p>
<p>Some small test pages:</p>
<ul>
<li><a href="margin-collapse-2.html">margin collapsing 2</a></li>
<li><a href="margin-collapse-1.html">margin collapsing 1</a></li>
<li><a href="position-absolute-from-edges.html">position: absolute, offset from edges</a></li>
<li><a href="iframe.html">iframe</a></li>