c5fc270040
Implement four CSS features to improve real-page rendering: - min-width, max-width, min-height, max-height with proper clamping before auto-margin resolution in block layout and flex containers - position: fixed using viewport as containing block with scroll-offset bypass in the display list - float: left/right/none (parse-only, no layout behavior yet) - display: inline-block as atomic inline elements with block-level sizing via pre-layout and AtomicInline inline items Includes 60 new unit tests and 10 new golden tests (095-104). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
15 lines
359 B
HTML
15 lines
359 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
.outer { position: fixed; top: 10px; left: 10px; width: 200px; height: 100px; background-color: lightblue; }
|
|
.inner { position: fixed; top: 20px; left: 20px; width: 50px; height: 30px; background-color: lightcoral; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="outer">
|
|
Outer fixed
|
|
<div class="inner">Inner fixed</div>
|
|
</div>
|
|
</body>
|
|
</html>
|