Html CSS-文本框和复选框在td中彼此相邻

我的文本框和复选框相邻，我的问题是复选框转到下一行：

<td><div class='allDropdown'><input type='text' class='vendorDropdown' /> <input type='checkbox' class='checkbox' /></div></td>

---

我有一个很长的表格，我也在使用bootstrap，当我试图减小文本框的大小时，td会变小，复选框会转到第二行，你可以将文本框定位为绝对值，这样它就会粘在你想要的任何一边

试试这个

.allDropdown {
    width: 100%;
}

.allDropdown input[type=text]  {
    float: left;
    width: 150px;
}

.allDropdown input[type=checkbox] {
    position:absolute;
    right:<x>px;
    top  :<x>px;
}

.allDropdown{
宽度：100%；
}
.allDropdown输入[类型=文本]{
浮动：左；
宽度：150px；
}
.allDropdown输入[类型=复选框]{
位置：绝对位置；
右：px；
顶部：px；
}

是的，事实上，代码似乎是正确的。它不是在不同的行中渲染两个输入。你能再显示一些代码吗？可能会有一些引导式的风格。另一方面，您应该始终尝试更改框的显示方式，而不是将其从带有浮动的帧中移出，而不是浮动框，而不是浮动框；您是否尝试过两者都使用display:inline块？。表中是否有任何可能会调整TDs大小的样式？

对象和/或您提供的HTML代码的父级样式会导致问题，需要提供更多代码。如果将代码放入HTML文档中，则可以：

.allDropdown{width:100%；}.allDropdown输入[type=text]{float:left；width:150px；}.allDropdown输入[type=checkbox]{float:left；}

.allDropdown {
    width: 100%;
}

.allDropdown input[type=text]  {
    float: left;
    width: 150px;
}

.allDropdown input[type=checkbox] {
    position:absolute;
    right:<x>px;
    top  :<x>px;
}