Html 我想把输入框和搜索按钮结合起来？为什么div适用于我希望从下面的前40px搜索的边距

我想

.k1{
宽度：760px；
高度：30px；
边缘顶端：40px；
}
.k2{
宽度：670px；
高度：30px；
}
.k3{
宽度：75px；
高度：30px；
}

像这样的东西

*{
框大小：边框框；
}
身体{
保证金：0；
背景：#ffffcc；
}
.k1{
边缘顶端：40px；
高度：30px；
溢出：隐藏；
}
.k2{
显示：块；
浮动：左；
宽度：计算（100%-75px）；
身高：100%；
}
.k3{
显示：块；
浮动：左；
宽度：75px；
身高：100%；
}

搜寻

请详细解释这个问题。如果要从顶部对齐“输入”和“按钮”，并向特定元素（输入或按钮）添加边距。在这种情况下，必须将垂直对齐：top添加到.k2或.k3

.k1{
    width:760px;
    height:30px;
    margin-top:40px;
}
.k2{
    width:670px;
    height:30px;
    vertical-align:top;
}
.k3{
    width:75px;
    height:30px;
    vertical-align:top;
}

---

第一个输入不需要结束标记。应该是：

<input type="text" class="k2" />

---

所以要么使用float:left；将元素和clearfix类同时添加到父级（如果您使用的是引导），否则您必须为父级使用height或clear属性。

只需将按钮作为输入，并将其类型包含在其中

.k1{
宽度：760px；
高度：30px；
边缘顶端：40px；
}
.k2{
宽度：670px；
高度：30px；
}
.k3{
宽度：75px；
高度：35px；
}

欢迎使用堆栈溢出！请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难说清楚你在问什么。我希望div是从顶部向下40px，它是从顶部向下40px，因为：

margintop:40px此框大小的含义是什么：边框框<代码>框大小调整

指定元素的总宽度和高度中是否应包含填充和边框。如果我想要框的大小，按钮会根据屏幕的大小而改变，需要什么属性？好的，添加垂直对齐：顶部；到.k2或.k3，如上述代码所示，它将解决该问题

.k2{
    width:670px;
    height:30px;
    float: left
}
.k3{
    width:75px;
    height:30px;
    float: left
}