1

我试图让一个带有图像背景的 div 出现在文本框的右侧。我试过 Float = none, left, right，我试过位置，甚至玩过边距，但似乎没有什么能让它留下来。

<div id="status" style="background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat; margin-left: 245px; margin-top: 2px;"></div>


<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />
4

2 回答 2

1

这对你有什么作用？

<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />

<div id="status" style="display:inline;background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat;padding-right:16px;"></div>​

左右浮动尝试将元素尽可能地扔到容器的一侧。如果您希望该元素位于第二个元素的右侧，请将其放在 HTML 中的第二个元素之后。此外，divs 是块元素。块元素希望在自己的行上。使用内联元素（如 a span），或将displaycss 属性设置为inline您不希望在新行上的块元素。

编辑：这是你的跨度

<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />

<span id="status" style="background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat;padding-right:16px;"></span>​
于 2012-08-17T03:11:13.463 回答
0

只是float:rightdiv 并删除 245px 左边距，这样您就不会将输入推得太远。

于 2012-08-17T03:13:35.833 回答