我有一组嵌套的 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%;
}
我想让它在不使用 javascript 或任何新的 CSS 命令(如calc
任何指针)的情况下工作?