設置內部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寬度的父級百分比

回答