我使用此代码右对齐按钮。
<p align="right"> <input type="button" value="Click Me" /> </p>
但是<p>标签会浪费一些空间,所以想用<span>or做同样的事情<div>。
<p>
<span>
<div>
您使用哪种对齐技术取决于您的情况,但基本的是float: right;:
float: right;
<input type="button" value="Click Me" style="float: right;">
您可能希望清除浮动,但这可以overflow:hidden在父容器上或<div style="clear: both;"></div>在容器底部显式完成。
overflow:hidden
<div style="clear: both;"></div>
例如:http: //jsfiddle.net/ambiguous/8UvVg/
浮动元素会从正常的文档流中移除,因此它们可以溢出其父级的边界并弄乱父级的高度,clear:bothCSS 会处理这一点(就像 一样overflow:hidden)。使用我添加的 JSFiddle 示例来查看浮动和清除的行为方式(overflow:hidden尽管您会想要放弃第一个)。
clear:both