istudent Ответов: 1

Как разместить свой глификон в правом нижнем углу элемента div?


&ЛТ;див класс="Пикар" идентификатор="pc-@x.Name"&ГТ;
&ЛТ;див класс="Инструменты" ИД="Т@второй"и GT;
&ЛТ;Спан ИД="d-@x.Name" класс="glyphicon glyphicon-минус trashicon"&ГТ;&ЛТ;/службы&ГТ;
</div>
&л;класс="fancybox" название="@название" идентификатор="f-@x.Name" отн="галерея" стиль="" слишком="@(х.Путь + "?изображение=" + encryptedtoken1)"&ГТ;
&ЛТ;ИМГ класс="превью" данные-pcon вручную="@х.Наименование" выполнение="imgLoaded(это)" сведения-newimagename="" СРЦ="данные:изображение/gif;base64,и somerandomvalue///somerandomvalue" данные-СРЦ="@(х.Путь + "?изображение=" + encryptedtoken1)" идентификатор="i-@x.Name" АЛТ="загрузка..." /&ГТ;
</a>
&ЛТ;идентификатор="srcinfo-@x.Name" данные-именем="@х.Именем" href="#imagedescription" стиль="@компонент" данных название="@заголовок" данные-описание="Описание" @компонент данных-широта="@х.Широта" данные-долгота="@х.Данные-сделать долгота"="@х.Сделать" данные-ecapture="@х.ExifCaptureTime" данные-модель="@Х.Модель" данные-imgsrc="@(х.Путь + "?изображение=" + encryptedtoken1)" класс="fancybox addtitlebutton"&ГТ;
<span id="imt-@x.Name" класс="Стил" стиль="opacity:@Model-да.Titleopacity">@title</span>
</a>
&ЛТ;див класс="Инструменты" ИД="imgT-@второй"и GT;
&ЛТ;Спан ИД="imgT-@x.Name" класс="glyphicon glyphicon-ретвит imgTransform"&ГТ;&ЛТ;/службы&ГТ;
</div>
</div>


Выше приведен мой html-код. Я хочу разместить класс imgTransform в правом нижнем углу родительского div, который имеет класс piccard. Как мне это сделать?

Что я уже пробовал:

.piccard {
    margin: 0;
    border-radius: 5px;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 15px;
    right: 0;
}

.imgTransform{
    position: relative;
    margin: 5px;
    float: right;
    color: #ffffff;
    font-size: 1em;
    -moz-transition: .1s;
    -o-transition: .1s;
    -webkit-transition: .1s;
    transition: .1s;
    bottom: 5px;
}

1 Ответов

Рейтинг:
12

Richard Deeming

Попробуй:

.imgTransform{
    position: absolute;
    bottom: 5px;
    right: 5px;
    ...
}

позиция - CSS | MDN[^]