Css 将一个div设置为窗口的全宽减去浮动div的宽度

我有两个div，两个div紧挨着浮动

<div id="1">div 1</div>
<div id=2"">div 2</div>

#1 {float:left; padding:0 20px; width:200px;}
#2 {float:left; padding-right:20px;}

div1
第2组
#1{浮点：左；填充：0 20px；宽度：200px；}
#2{浮点：左；填充右：20px；}

问题是div2的宽度会自动设置为div中包含的“div 2”文本的宽度。相反，我希望该宽度为窗口的全宽，当窗口调整为窄窗口时，div 2应该随之调整大小

---

我可以用javascript解决这个问题，但是有没有办法用CSS解决呢？

我从#2中删除了浮动，虽然这不是我想要的方式，但它可以完成这项工作。这只是意味着，如果有溢出，它将位于div 1之下，我真的希望它保持在同一个框中。

如果第二个div不需要#2的float属性，请删除它：

#2 {
    padding-left: 200px;
}

看