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>
14 lines
388 B
HTML
14 lines
388 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
/* Test min-width > max-width: min-width should win */
|
|
.conflict { min-width: 300px; max-width: 200px; width: 150px; background-color: lightcoral; }
|
|
.normal { width: 400px; min-width: 100px; max-width: 500px; background-color: lightblue; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="conflict">Min wins (300px)</div>
|
|
<div class="normal">Normal (400px)</div>
|
|
</body>
|
|
</html>
|