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>
21 lines
447 B
HTML
21 lines
447 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
body { width: 800px; }
|
|
.ib { display: inline-block; width: 100px; height: 50px; background-color: lightblue; margin: 5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<span class="ib">Box1</span>
|
|
<span class="ib">Box2</span>
|
|
<span class="ib">Box3</span>
|
|
<span class="ib">Box4</span>
|
|
<span class="ib">Box5</span>
|
|
<span class="ib">Box6</span>
|
|
<span class="ib">Box7</span>
|
|
<span class="ib">Box8</span>
|
|
</div>
|
|
</body>
|
|
</html>
|