设置内部div宽度的父级百分比

我有2个父级div。（父母和父母）。父级左边是50px，父级右边占用了剩余的屏幕宽度，所以我将其设置为100％。设置内部div宽度的父级百分比

我有2个孩子/内部divs的父母权利。我需要它占据父权的宽度的85％和15％，但它会根据屏幕宽度计算百分比。我究竟做错了什么？下面

代码：

<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>

来源

2014-06-24 user3658423

有两种＃父权ID – neoDev

如果你想使用完全相同的85％和15％，你可以使用CSS计算（）[例这里（HTTP：// jsfiddle.net/9mwBt/） – neoDev

不要设置width为#parent-right元素，而不是设置一个left-margin等于#parent-left元素的width。

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

演示在http://jsfiddle.net/gaby/5J38g/

来源

2014-06-24 00:26:51

真棒解决方案的作品！你能告诉我为什么100％的父母权利会导致儿童问题？只是为了得到一个技术的理解.... – user3658423

设置100％的权利并没有使其余的屏幕，它使其采取了所有的屏幕。只有它的内容受'＃parent-left'元素的影响。你可以看到，如果你添加一个背景颜色到正确的div，并推动左边的一个.. ***见http://jsfiddle.net/gaby/v4Jrh/*** –

@ user3658423这是一般不好的做法风格化内容与HTML内联。您应该总是尝试使用外部样式表或'

设置内部div宽度的父级百分比

回答