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％

＆＃13;

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

＆＃13;

子div覆盖父div的宽度

1 个答案: