23 lines
993 B
HTML
23 lines
993 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.container { width: 0; position: relative; }
|
|
.test { white-space: nowrap; border: 2px solid green; }
|
|
#float { float:left; }
|
|
#inline-block { display: inline-block; }
|
|
#absolute { position: absolute; }
|
|
span { background: yellow; width: 16px; height: 16px; float: left }
|
|
</style>
|
|
<body>
|
|
<script src="../../resources/check-layout.js"></script>
|
|
<p> webkit.org/b/114879: Respect http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_margins when calculating the min/max width of
|
|
non-replaced absolute, floating an inline-block containers - i.e. they should shrink-to-fit.
|
|
<div class="container">
|
|
<div id="float" class="test" data-expected-width=20><span></span><span></span></div>
|
|
<div id="inline-block" class="test" data-expected-width=20><span></span><span></span></div>
|
|
<div id="absolute" class="test" data-expected-width=20><span></span><span></span></div>
|
|
</div>
|
|
<script>
|
|
checkLayout('body > div > div');
|
|
</script>
|
|
</body>
|