子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; 
 
}