コード:</p>
<div class="input-row">
<input type="text" placeholder="Search"><button class="btn" >重发</button>
</div>
ブラウザの結果:</p>
URL : https://groups.google.com/forum/#!topic/goratchet/8crWEoqStYI
行の最初にボタンがあるのはなぜですか?列の最後にボタンを配置できますか? 何か案は?
コード:</p>
<div class="input-row">
<input type="text" placeholder="Search"><button class="btn" >重发</button>
</div>
ブラウザの結果:</p>
URL : https://groups.google.com/forum/#!topic/goratchet/8crWEoqStYI
行の最初にボタンがあるのはなぜですか?列の最後にボタンを配置できますか? 何か案は?
プロパティ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>
<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ルールがわかりません