0

代码：</p> 

<div class="input-row">
      <input type="text" placeholder="Search"><button class="btn" >重发</button>
 </div>

结果浏览器：</p>

网址：https ://groups.google.com/forum/#!topic/goratchet/8crWEoqStYI

为什么是第一行的按钮？我可以将按钮放在行的末尾吗？有任何想法吗？

4

2 回答 2

0 
<div class="input-row">
    <div style="float:left;">
        <input type="text" placeholder="Search">
    </div>
    <div style="float:right;">
        <button class="btn" >重发</button>
    </div>
</div>

希望这会奏效，我不知道你的其余 CSS 规则

于 2014-04-09T06:42:06.427 回答
0

只需使用该属性float将其定位在右侧或左侧

<html>
  <body>
    <div style="width: 1000px; height: 600px; border: 1px solid red; position: absolute">
      <input type="text" placeholder="Search" style="float: left">

      <button style="float:right">MyButton</button>
    </div>
  <body>
</html>
于 2014-04-09T06:47:48.387 回答