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

时间:2014-06-24 00:16:47

标签: html html5

我有2个父母div。 (父母左派和父母右派)。父左侧为50px,父右侧占用剩余屏幕宽度,因此我将其设置为100%。

我在父权限内有2个子/内部div。我需要它占据父权宽度的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>

1 个答案:

答案 0 :(得分:0)

不要为width元素设置#parent-right,而是将left-margin设置为等于width元素的#parent-left

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

http://jsfiddle.net/gaby/5J38g/

演示