我有这个
<td width="312" valign="center" height="157" background="{{ 'BT_S3.png' | asset_url }}">
<div style="width:95%; text-align: left; height:52px; background-image:url('{{ 'search_bar.png' | asset_url }}');" float="left">
<form action="/search" method="get">
<input type="text" name="q" src="{{ 'search_bar.png' | asset_url }}" />
<input type="image" value="Search" src="{{ 'search_button.png' | asset_url }}" />
</form>
</div>
</td>
这是我的搜索框的 HTML,位于 http://clarkbetty.myshopify.com/# 密码:betweu
我希望搜索按钮 float ,以便搜索框和按钮位于同一行。我尝试了很多东西,但没有任何效果。有人可以帮忙吗?
最佳答案
您应该将 style="float:left"
添加到文本框和按钮元素。
<input type="text" [...] style="float:left" />
<input type="image" [...] style="float:left" />
另请注意,最好将这些规则放入一个 css 文件中,并通过它们的 ID 或类来引用这些元素。
关于html - CSS 搜索框不会向左浮动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10324689/