小孩div全宽 - 边距

Question

我有一个嵌套的div集合。我想要一个内部div来获取全宽而不使用比父div和左右边距更大的宽度。我试过最大宽度：100％，但迄今为止还没有奏效。在这个例子中#test2应该是全宽 - 利润率左

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

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

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

Answer 3

在此请看：

FIDDLE

我希望它可以解决你的问题。