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>
13 lines
309 B
HTML
13 lines
309 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
.tall { height: 2000px; background-color: lightgray; }
|
|
.fixed { position: fixed; top: 50px; right: 50px; width: 100px; height: 80px; background-color: lightyellow; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="tall">Very tall content</div>
|
|
<div class="fixed">Fixed overlay</div>
|
|
</body>
|
|
</html>
|