html - Setting Inner Div width's percentage of parent -

html - Setting Inner Div width's percentage of parent -

i have 2 parent div's. (parent-left , parent-right). parent left 50px , parent right takes remaining screen width, set 100%.

i have 2 child/inner divs within parent-right. need take 85% , 15% of parent-right's width calculates percentage based on screen width. doing wrong?

code below:

<div class="row clearfix"> <div id='parent-left' style="width:50px;float:left;background-color:blue;"><span> parent-left </span> </div> <div id='parent-right' style="width:100%;"> <div id='inner-left' style="width:85%;float:left;background-color:green;"><span> inner1</span></div> <div id='parent-right' style="width:15%;float:left;background-color:gray"><span> inner2</span></div> </div> </div>

do not set width #parent-right element, instead set left-margin equal width of #parent-left element.

<div id='parent-right' style="margin-left:50px;">

demo @ http://jsfiddle.net/gaby/5j38g/

html html5