父类的边距不会强制子元素

Question

我创建了一个float: left对齐的按钮。此外，我将样式添加到父类margin-top:50px，以便从顶部获得50px的空间。

我做了什么，我只是检查检查元素并将鼠标悬停在父类上，它显示如下图像

Image link here

我想知道为什么保证金：按钮上显示50px？

提前致谢。

＆＃13;

＆＃13;

body{margin: 0;padding: 0;}
.btn_click_now{padding:12px 30px;background-color:#007bff;color:#fff;font-size:18px;border-radius:05px;}
.pull-left{float:left;}

＆＃13;

 <div style="margin-top: 50px;">
	<div class="pull-left">
	 <a href="#" class="btn_click_now">Buy Now</a>
	</div>
</div>		        

＆＃13;

＆＃13;

＆＃13;