Fatal编程技术网
  • css/
  • Css 使用%调整大小时，如何始终将搜索按钮保留在输入栏旁边

Css 使用%调整大小时，如何始终将搜索按钮保留在输入栏旁边

css

Css 使用%调整大小时，如何始终将搜索按钮保留在输入栏旁边,css,Css,我一直在尝试使用style=“overflow:hidden；padding right:.5em；”解决这个现象。搜索按钮仍显示在左下角，并创建一个“l”形。如果有人知道为什么会发生这种情况，这会有所帮助 #searchbartop{ 保证金：自动； 垂直对齐：中间对齐； 位置：绝对位置； 左边缘：25%； } #搜索文本{ 宽度：600%； } 您可能必须将搜索按钮设置为位置：绝对与本例相同，您可以这样尝试： #searchbartop { margin:auto; ve

我一直在尝试使用style=“overflow:hidden；padding right:.5em；”解决这个现象。搜索按钮仍显示在左下角，并创建一个“l”形。如果有人知道为什么会发生这种情况，这会有所帮助

#searchbartop{
保证金：自动；
垂直对齐：中间对齐；
位置：绝对位置；
左边缘：25%；
}
#搜索文本{
宽度：600%；
}
您可能必须将搜索按钮设置为
位置：绝对与本例相同，您可以这样尝试：


#searchbartop {
    margin:auto;
    vertical-align:middle;
    margin-left:25%;
    width:75%;
}
#searchbartop input[type=text] {
    width:70%;
    padding-right: .5em;
    display:block;
    float:left;
}
#searchbartop input[type=button] {
    width:20%;
    display:block;
     float:left;
}


HTML:




嘿，你给的宽度是600%！！你能看到“运行代码片段”部分的栏吗？在哪个栏中，我能看到下一行的文本框和按钮？你需要这样吗：？谢谢，现在我必须处理不可见的边距阻止按钮。

<form id="searchbartop">
    <input type="text" placeholder="Search..." required/>
    <input type="button" value="Search" />
</form>