Не удается установить поле с AngularJS (JavaScript)

Question

Не удается установить поле с AngularJS (JavaScript)

0

Меня зовут Фернандо, и это моя первая тема в Stack Overflow. Я искал ошибку своего кода, и ничего не получил.

Я создал приложение с маршрутизацией AngularJS, в котором я добавил контейнер, как я показываю в примере, и я добавил пролет и кнопку. В этом промежутке и этой кнопке я добавил маржу, но элемент не подчиняется коду.

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>

>> ЩЕЛКНИТЕ ЗДЕСЬ, ЧТОБЫ УВИДЕТЬ APP <<

//Фернандо Перес Лара ([email protected])

Fernando Pérez Lara 29 май 2016, в 00:42

Источник

Теги:

javascript

html

angularjs

css

angular-material

1 ответ

Ещё вопросы

Richard Guy · Accepted Answer · 2016-05-28T21-57-00.000Z

Ваш вопрос довольно расплывчатый, но я думаю, вы имеете в виду тот факт, что кнопка не подчиняется свойству margin-bottom?

Это связано с тем, что нет ничего ниже элемента для маржи, чтобы "нажимать", поэтому край просто распространяется в пустое пространство.

Если это так, вы можете попробовать использовать свойства CSS:

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

position: relative является мощным свойством CSS, поскольку он позволяет свободно перемещать элементы, сохраняя их первоначальный размер на странице.

Нет проблем, если вы нашли правильный ответ, примите его, чтобы будущие читатели знали решение!
Вы должны пометить ответ как принятый :)