Как разместить свой глификон в правом нижнем углу элемента 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; }