Question

我的名字是费尔南多，这是我在Stack Overflow中的第一个主题。我正在寻找我的代码错误而且我没有得到任何东西。

我使用AngularJS路由创建了一个应用程序，我在示例中添加了一个容器，并添加了一个span和一个按钮。在那个跨度和那个按钮中我添加了一个边距，但是元素不遵守代码。

div.mainHeader {
	width: 100%;
	height: 25%;
	background-image: no-repeat;
	background-size: 100%;
}

div.mainHeader span {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	color: white;
}

div.mainHeader .md-fab {
	float: right;
    margin-right: 10px;
	margin-bottom: 10px;
}

<div class="mainHeader" ng-controller="linkController" ng-style="{'background-image': 'url({{ linkHeader + 'international.png' }})'}">
    <span>International</span>
    <md-button class="md-fab md-mini md-primary" aria-label="Favorite">
        <md-icon class="material-icons">notifications_none</md-icon>
    </md-button>
</div>

>> CLICK HERE TO SEE THE APP <<

//费尔南多·佩雷斯·拉拉（fernando.perez.lara@outlook.com）

Answer 1

你的问题很模糊，但我认为你指的是按钮不符合边距底部的属性？

这是因为在元素下方没有任何内容可以推动＆＃39;推送＆＃39;反对，所以边际只是延伸到空白区域。

如果是这样，您可以尝试使用CSS属性：

{
    float: right;
    margin-right: 10px;
    position:relative;
    bottom:10px;
}

position：relative是一个强大的CSS属性，因为它允许元素自由移动，保留页面上原始的足迹。

无法使用AngularJS（JavaScript）设置边距

1 个答案: