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

LibWeb: Add layout tests for floats, margins collapsing and positioning

Browse source 
Those are copied from 'Base/res/html/misc/'.
This commit is contained in:
Aliaksandr Kalenik 2023-01-30 23:40:22 +03:00 • committed by Andreas Kling
parent 12eca612bc
commit 900cd78121
24 changed files with 865 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
Tests/LibWeb/Layout/input/position-absolute-from-edges.html Normal file
View file

@ -0,0 +1,48 @@
<style>
#container {
position: absolute;
width: 500px;
height: 400px;
border: 1px solid black;
}
#red {
position: absolute;
left: 20px;
top: 20px;
background: red;
width: 100px;
height: 100px;
border: 10px solid gray;
}
#green {
position: absolute;
right: 20px;
top: 20px;
background: green;
width: 100px;
height: 100px;
margin: 50px;
}
#blue {
position: absolute;
left: 20px;
bottom: 20px;
background: blue;
width: 100px;
height: 100px;
}
#yellow {
position: absolute;
right: 20px;
bottom: 20px;
background: yellow;
width: 100px;
height: 100px;
}
</style>
<div id=container>
<div id=red></div>
<div id=green></div>
<div id=blue></div>
<div id=yellow></div>
</div>