子div覆蓋父div的寬度

Question

我一直在挖掘我的問題的答案，並繼續嘗試一切，但迄今爲止所做的所有嘗試都失敗了。這裏有雲：

我父面板具有id爲secondPanel並在此寬度由一個JavaScript

document.getElementById("secondPanel").style.width = (screen.width-12) + "px"; 

我沒有用「寬度：100％」固定的，因爲它產生的滾動條在我的視口的底部。而且即使瀏覽器大小發生變化，我也希望佈局的位置保持不變。

#secondPanel{ 
    float: left; 
    margin-top: 15px; 
    padding:0px; 
    border-style: solid; 
    border-width:2px; 
    border-color: black; 
    background: red; 
} 

#tryP{ 
    float:left; 
    width:200px; 
    border-style: solid; 
    border-width:2px; 
    border-color: black; 
    background: white; 
} 

#childDiv{ 
    float:left; 
    border-style: solid; 
    border-width:2px; 
    border-color: black; 
} 

但是，每次我把孩子div內父div，並將爲它width時間，滾動條會再次出現甚至，如果它的width是少比的width父母。但是當我把p，滾動條不顯示。我能做些什麼呢？我的孩子div有什麼問題？

Answer 1

試試這個：

設置childDiv寬度爲100％

#childDiv{ 
 
width:100%; 
 
float:left; 
 
border-style: solid; 
 
border-width:2px; 
 
border-color: black; 
 
}