子div覆蓋父div的寬度

Question

我一直在尋找問題的答案，並嘗試所有嘗試，但到目前為止我所做的所有嘗試都失敗了。 它去了：

我的父面板的id為secondPanel ，其寬度由JavaScript固定

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

我沒有使用“ width：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; }