layout: Make inline absolute hypothetical boxes not clip their contents.

Improves the logo on ebay.com.
This commit is contained in:
Patrick Walton 2015-08-18 16:56:36 -07:00
parent 19d466b062
commit c328c38804
5 changed files with 49 additions and 1 deletions

View file

@ -146,6 +146,7 @@ experimental == iframe/size_attributes_vertical_writing_mode.html iframe/size_at
== img_width_attribute_intrinsic_width_a.html img_width_attribute_intrinsic_width_ref.html
== incremental_float_a.html incremental_float_ref.html
== incremental_inline_layout_a.html incremental_inline_layout_ref.html
== inline_absolute_hypothetical_clip_a.html inline_absolute_hypothetical_clip_ref.html
!= inline_background_a.html inline_background_ref.html
== inline_block_baseline_a.html inline_block_baseline_ref.html
== inline_block_block_direction_margins_a.html inline_block_block_direction_margins_ref.html

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<style>
body {
margin: 16px;
}
#a {
position: relative;
}
#b {
clip: rect(47px, 118px, 95px, 0);
position: absolute;
}
</style>
<a href="http://bogus" id=a><img id=b width=250 src=400x400_green.png>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<style>
html, body {
margin: 0;
}
section {
position: absolute;
background: lime;
top: 63px;
width: 118px;
height: 48px;
left: 16px;
}
</style>
<section></section>