Captură de ecran din 2016-12-16 20-47-37.png

Qt Code: 
  1. Rectangle {
  2.             id: delegateRectangle
  3.             height: list.height
  4.             width: list.height * 50 / 100
  5.             color: "purple"
  6.             Rectangle {
  7.                 id: member1
  8.                 height: delegateRectangle.height * 20 / 100
  9.                 width: delegateRectangle.width
  10.                 anchors.top: parent.top
  11.                 anchors.left: parent.left
  12.                 color: "blue"
  13.             }
  14.             Rectangle {
  15.                 id: member2
  16.                 height: delegateRectangle.height * 20 / 100
  17.                 width: delegateRectangle.width
  18.                 anchors.top: member1.bottom
  19.                 anchors.left: parent.left
  20.                 color: "gray"
  21.             }
  22.             Rectangle {
  23.                 id: member3
  24.                 height: delegateRectangle.height * 20 / 100
  25.                 width: delegateRectangle.width
  26.                 anchors.top: member2.bottom
  27.                 anchors.left: parent.left
  28.                 color: "red"
  29.             }
  30.             Rectangle {
  31.                 id: member4
  32.                 height: delegateRectangle.height * 20 / 100
  33.                 width: delegateRectangle.width
  34.                 anchors.top: member3.bottom
  35.                 anchors.left: parent.left
  36.                 color: "yellow"
  37.             }
  38. }
To copy to clipboard, switch view to plain text mode 

I want to use percentages inside a delegate so it can easily resize when window size changes, but after seeing that the total percentages was bellow 100% and elements went outside of boundaries of the view I decided to make a basic example with rectangles and as you can see in the attached image the member4 rectangle goes outside of boundaries.
Can anyone explain me why is that? I don't see what it's missing.