Javascript 左侧的输入取决于div

我在div中有两个输入

这是代码

---

元素向左对齐，但包含的div不够宽，无法将它们并排放置

假设在一个100%div中有2个50%div，由于添加了空格，它将溢出

尝试添加“空白：nowrap；”到父div：

---

元素向左对齐，但包含的div不够宽，无法将它们并排放置

假设在一个100%div中有2个50%div，由于添加了空格，它将溢出

尝试添加“空白：nowrap；”到父div：

1） 您说容器必须是70%，所以，可以使用

媒体查询

并更改宽度的文本框

2） 您对不同的两个元素使用相同的名称

ID

，这是错误的。

ID

名称必须是唯一的，我将

lname

更改为类名

.wrapper{
宽度：100%；
高度：500px；
边框样式：实心；
边框颜色：#1d69b4；
边缘顶部：25px；
}
.集装箱{
浮动：左；
宽度：70%；
身高：100%；
}
.frm{
宽度：100%；
身高：30%
}
.lname{
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边界半径：50px；
}
@媒体屏幕和屏幕（最大宽度：653px）{
.lname{
宽度：150px；
}
}
@媒体屏幕和屏幕（最大宽度：477px）{
.lname{
宽度：50px；
}
}

1） 您说容器必须是70%，所以，可以使用

媒体查询

并更改宽度的文本框

2） 您对不同的两个元素使用相同的名称

ID

，这是错误的。

ID

名称必须是唯一的，我将

lname

更改为类名

.wrapper{
宽度：100%；
高度：500px；
边框样式：实心；
边框颜色：#1d69b4；
边缘顶部：25px；
}
.集装箱{
浮动：左；
宽度：70%；
身高：100%；
}
.frm{
宽度：100%；
身高：30%
}
.lname{
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边界半径：50px；
}
@媒体屏幕和屏幕（最大宽度：653px）{
.lname{
宽度：150px；
}
}
@媒体屏幕和屏幕（最大宽度：477px）{
.lname{
宽度：50px；
}
}

我看不出有什么区别。什么是？在第一种变体中，所有div都向左浮动。秒not@MoshFeuI看不出有什么区别。什么是？在第一种变体中，所有div都向左浮动。秒not@MoshFeuBut它必须是70%@Logan Hi，我明白你的意思，我已经更新了答案-尝试将“空白：nowrap”添加到父div样式中，但它必须是70%@Logan Hi，我明白你的意思，我已经更新了答案-尝试将“空白：nowrap”添加到父div样式中