html - CSS - 与 float 对齐

标签 html css alignment css-float

我对 CSS 还是很陌生,有以下 CSS/HTML:

<input type="reset" value="Clear" style="float: right;" />
<input type="submit" value="Send" style="float: right;" />

产生以下结果:

alt text

而不是期望的输出:

alt text

更改 HTML 元素的顺序似乎可以解决问题,但也违反直觉。

一般解决这类问题的方法是什么?

最佳答案

它们按照遇到的顺序向右浮动,第一个元素 float 到最右边,然后下一个元素紧随其后。

试试这个:

<div style="float: right;">
<input type="reset" value="Clear" style="float: left;" /> 
<input type="submit" value="Send" style="float: left;" /> 
</div>

关于html - CSS - 与 float 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2297927/

相关文章:

html - 如何实现这种网格布局?

html - 让 bootstrap 下拉菜单只向下移动?

css - 缩放图像会影响目标图像周围的其他元素

Angular 5 : Use ngClass to switch classes for mobile and desktop views

html - CSS - 未使用元素的样式?

html - 两个div水平居中

java - 如何将 JavaFX 菜单栏保留在窗口顶部

android - 在YouTube App中嵌入YouTube HTML5的问题

android - 在 RelativeLayout 中将 Android 按钮对齐到底部?

javascript - 如何在 HTML5 中的一个元素中使用多个链接