memecode
diff --git a/‎include/litehtml/render_item.h
Copy file name to clipboardExpand all lines: include/litehtml/render_item.h
+46Lines changed: 46 additions & 0 deletions b/‎include/litehtml/render_item.h
Copy file name to clipboardExpand all lines: include/litehtml/render_item.h
+46Lines changed: 46 additions & 0 deletions
diff --git a/‎src/flex_item.cpp
Copy file name to clipboardExpand all lines: src/flex_item.cpp
+1-1Lines changed: 1 addition & 1 deletion b/‎src/flex_item.cpp
Copy file name to clipboardExpand all lines: src/flex_item.cpp
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎src/flex_line.cpp
Copy file name to clipboardExpand all lines: src/flex_line.cpp
+1-1Lines changed: 1 addition & 1 deletion b/‎src/flex_line.cpp
Copy file name to clipboardExpand all lines: src/flex_line.cpp
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎test/render/flex-box-sizing.htm
Copy file name to clipboard
+21Lines changed: 21 additions & 0 deletions b/‎test/render/flex-box-sizing.htm
Copy file name to clipboard
+21Lines changed: 21 additions & 0 deletions
diff --git a/‎test/render/flex-box-sizing.htm.png
Copy file name to clipboard
338 Bytes b/‎test/render/flex-box-sizing.htm.png
Copy file name to clipboard
338 Bytes
@@ -222,6 +222,52 @@ namespace litehtml
             return content_offset_top() + content_offset_bottom();
         }
 
+		int render_offset_left() const
+		{
+			if(css().get_box_sizing() == box_sizing_content_box)
+			{
+				return m_margins.left + m_borders.left + m_padding.left;
+			}
+			return m_margins.left;
+		}
+
+		int render_offset_right() const
+		{
+			if(css().get_box_sizing() == box_sizing_content_box)
+			{
+				return m_margins.right + m_borders.right + m_padding.right;
+			}
+			return m_margins.right;
+		}
+
+		int render_offset_width() const
+		{
+			return render_offset_left() + render_offset_right();
+		}
+
+		int render_offset_top() const
+		{
+			if(css().get_box_sizing() == box_sizing_content_box)
+			{
+				return m_margins.top + m_borders.top + m_padding.top;
+			}
+			return m_margins.top;
+		}
+
+		int render_offset_bottom() const
+		{
+			if(css().get_box_sizing() == box_sizing_content_box)
+			{
+				return m_margins.bottom + m_borders.bottom + m_padding.bottom;
+			}
+			return m_margins.bottom;
+		}
+
+		int render_offset_height() const
+		{
+			return render_offset_top() + render_offset_bottom();
+		}
+
 		int box_sizing_left() const
 		{
 			if(css().get_box_sizing() == box_sizing_border_box)
 
@@ -170,7 +170,7 @@ void litehtml::flex_item_row_direction::direction_specific_init(const litehtml::
 		{
 			case flex_basis_auto:
 				base_size = el->css().get_width().calc_percent(self_size.render_width) +
-							el->content_offset_width();
+							el->render_offset_width();
 				break;
 			case flex_basis_fit_content:
 			case flex_basis_content:
 
@@ -261,7 +261,7 @@ void litehtml::flex_line::init(int container_main_size, bool fit_container, bool
 		{
 			item->el->render(0,
 							 0,
-							 self_size.new_width(item->main_size - item->el->content_offset_width(), containing_block_context::size_mode_exact_width), fmt_ctx, false);
+							 self_size.new_width(item->main_size - item->el->render_offset_width(), containing_block_context::size_mode_exact_width), fmt_ctx, false);
 
 			if((item->align & 0xFF) == flex_align_items_baseline)
 			{
 
@@ -0,0 +1,21 @@
+<html>
+<head>
+    <style>
+        * {
+            margin: 0px;
+            box-sizing: border-box;
+        }
+    </style>
+</head>
+<body>
+<div style="background-color: red; padding: 32px; height: 300px; width: 300px; display: flex; overflow: hidden;">
+    <div style="background-color:yellow; padding:32px; flex: 1; display: flex; overflow: hidden;">
+        <div style="background-color:green; padding:32px; flex: 1; display: flex; overflow: hidden;">
+            <div style="background-color:white; display: flex; flex: 1; justify-content: center; align-items: center">
+                <div>ciao</div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
`@@ -261,7 +261,7 @@ void litehtml::flex_line::init(int container_main_size, bool fit_container, bool`
`261`	`261`	`{`
`262`	`262`	`item->el->render(0,`
`263`	`263`	`0,`
`264`		`- self_size.new_width(item->main_size - item->el->content_offset_width(), containing_block_context::size_mode_exact_width), fmt_ctx, false);`
	`264`	`+ self_size.new_width(item->main_size - item->el->render_offset_width(), containing_block_context::size_mode_exact_width), fmt_ctx, false);`
`265`	`265`
`266`	`266`	`if((item->align & 0xFF) == flex_align_items_baseline)`
`267`	`267`	`{`