如何实现这种布局？

Question

我想基本上创建这种布局:

实现这一目标的最佳方法是什么？

Answer 1

你的HTML:

<div id="login">
    <div class="float_left">
      Your input here <br/>
       Your remember me checkbox and text
    </div>
    <div class="float_left">
      Your second input here <br/>
      And then your forget password link
    </div>
    <div class="float_left">
      Login button here
    </div>
    <br style="clear:both;"/>
</div>

你的CSS:

#login {}
.float_left {float:left;}