mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-30 19:47:17 +02:00
Grid and flex containers have their own rules for abspos items, so we shouldn't try to be clever and put them in the "current" anonymous wrapper block. That behavior is primarily for the benefit of block & inline layout.
16 lines
382 B
HTML
16 lines
382 B
HTML
<!DOCTYPE html><html><head><style>
|
|
* {
|
|
border: 1px solid black !important;
|
|
}
|
|
.pink {
|
|
background: pink;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.orange {
|
|
background: orange;
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
}
|
|
</style></head><body><div class="pink"> <div class="orange"> |