Html 具有浮动子对象的自动宽度父div

我试图制作一个过滤器列表，但发现了一个问题。我有一个部门的家长

width: auto; 
padding: 8px;
white-space: nowrap;

在它里面，我得到了2个输入[type=“text”]

现在在Chrome上，它们将1与另一个对齐，但在IE8中，第二个输入位于第一个输入之下

---

提前谢谢你，丹尼尔。

你不需要添加

float:left

.wrap{
    width: auto; 
padding: 8px;
white-space: nowrap;
    background:violet;
    overflow:auto
}

---

输入的宽度是多少？父div的父div的宽度是多少？输入元素是内联元素，不需要浮点：如果内容太大，左“溢出：自动”会在Firefox 3.6上生成滚动条。照顾好这个。

.wrap{
    width: auto; 
padding: 8px;
white-space: nowrap;
    background:violet;
    overflow:auto
}