(html) 如何停止按钮移动答案

【问题标题】：(html) how to stop button from moving(html) 如何停止按钮移动
【发布时间】：2016-08-22 05:14:42
【问题描述】：

所以基本上我在左侧有这个按钮..

<button class="btn"> button1 </button><br /> <br>

当我在页面中间添加文字时..按钮向下移动

我想将按钮垂直保持在页面左侧的位置，而不是因为我在页面中心添加东西而影响它。任何帮助表示赞赏。

【问题讨论】：

请提供您所做的代码
使用 css clear:both。 =_= 并且总是带着一些代码或实时预览链接来到这里
绝对定位应该可以解决问题。
@GautamJha clear:both 清除浮动属性。为什么它在这种情况下是相关的？
@GautamJha - 好吧，clear 在元素的位置受浮动元素影响时是相关的（是否将其向下移动到浮动元素下方）。请参阅spec。在这种情况下，没有指定浮动元素，因此clear 属性根本不会影响按钮

标签： html css button

【解决方案1】：

将 class="clearfix" 用于父元素 (https://css-tricks.com/snippets/css/clear-fix/)，这可能会对您有所帮助。

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

【讨论】：

【解决方案2】：

将按钮设为绝对按钮，去掉 line-brake() 按钮1 .btn { 位置：绝对；顶部：0；底部：0；左：0；边距：自动； }

【讨论】：