Question

我有一组嵌套的div。我想要一个内部div来获得整个宽度而不使用比父div和左右边距更多的宽度。我尝试了max-width：100％但是到目前为止还没有工作。在此示例中，#test2应为全宽 - margin-left

HTML

<div id="test">
    <div id="test2">
        <div>123</div>
    </div>
</div>
<div id="test3"></div>

CSS

#test{
    width:100%;
    height:100px;
    float:left;
}
#test2{
    margin-left:51px;
    float:left;
    width:100px;
    max-width:100%;
    background:blue;
    height:100px;
}
#test3{
    width:50px;
    float:left;
    background:red;
    height:100px;
    margin-left:-100%;
}

JS FIDDLE

我希望不使用javascript或任何新的CSS命令（例如calc）任何指针？

Answer 1

试试这个，

min-width:100px;
width:100%;

Answer 2

带走宽度：100px;并使其宽度：100％;像这样：

#test2{
margin-left:51px;
float:left;
width:100%;
background:blue;
height:100px;
}

Answer 3

看看这个：

FIDDLE

我希望它能解决你的问题。

子div全宽 - 边距

3 个答案: