layout: Implement box-sizing: border-box.

Improves GitHub.
This commit is contained in:
Patrick Walton 2014-09-26 12:13:34 -07:00
parent f7d2fb6ff8
commit 885fc1c28b
6 changed files with 139 additions and 70 deletions

View file

@ -162,3 +162,4 @@ fragment=top != ../html/acid2.html acid2_ref.html
== vertical_align_text_top_a.html vertical_align_text_top_ref.html
== vertical_align_text_bottom_a.html vertical_align_text_bottom_ref.html
== inline_hypothetical_box_a.html inline_hypothetical_box_ref.html
== box_sizing_border_box_a.html box_sizing_border_box_ref.html

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<body>
<div style="width: 256px; height: 256px; background: purple; border: 8px solid blue; box-sizing: border-box;"></div>
<div style="width: 240px; height: 240px; background: purple; border: 8px solid blue;"></div>
</body>
</html>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<body>
<div style="width: 240px; height: 240px; background: purple; border: 8px solid blue;"></div>
<div style="width: 240px; height: 240px; background: purple; border: 8px solid blue;"></div>
</body>
</html>