mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-10-26 14:57:54 +03:00
e3b1d4a141
In some scenarios, correctly computing the static position may depend on the content width having been calculated beforehand.
26 lines
382 B
HTML
26 lines
382 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#containing-block {
|
|
width: 200px;
|
|
height: 100px;
|
|
background: red;
|
|
}
|
|
|
|
#inner-flex {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
span {
|
|
display: block;
|
|
width: 50px;
|
|
}
|
|
</style>
|
|
<div id="containing-block">
|
|
<div id="inner-flex">
|
|
<div style="position: absolute; height: 100px; background: green;">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|