mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 09:45:06 +02:00
f00f975cf4
...but only for non-replaced boxes. This is what CSS-SIZING-3 tells us to do, and we were already doing it for width, but neglecting max-width.
24 lines
487 B
HTML
24 lines
487 B
HTML
<!doctype html><style type="text/css">
|
|
* { outline: 1px solid black; }
|
|
html {
|
|
height: 200px;
|
|
}
|
|
body {
|
|
display: flex;
|
|
width: 300px;
|
|
height: 200px;
|
|
}
|
|
#item2 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: 25px;
|
|
height: 50px;
|
|
}
|
|
#item2-inner {
|
|
max-width: 50%;
|
|
width: 100px;
|
|
height: 50px;
|
|
background: orange;
|
|
}
|
|
</style><body><div id="item2"><div id="item2-inner">
|