2015-01-15 4 views
0

Я хочу разместить свою кнопку в правом нижнем углу.Как заставить стиль HTML-элемента?

Вот что я пробовал:

  • Я пытался использовать !important, но это не имело никакого эффекта

CSS:

#back-to-top { 
    position: fixed !important; 
    right:400 !important; 
    bottom: 17!important; 
    color: black; 
    border: #90bc26 solid 1px; 
    border-radius: 5px; 
    padding: 5px; 
} 

Вот что я вижу, осматривая мою кнопку :

enter image description here

Как вы можете видеть, мой стиль right и bottom переопределены, как я могу это исправить?

+2

справа и снизу свойства нужны единицы, такие как '' 400px' или 400em'. только 0 не нуждается в единицах – mikelt21

+2

Эти восклицательные значки, вероятно, говорят что-то полезное – Huangism

ответ

6

Вы забыли использовать единицы измерения, как px, % или em для правой и нижней части:

right:400px; 
bottom: 17px; 

Нет необходимости использовать !important.

+1

Вы правы. Сейчас это работа. Благодарю. – iori

-2

Измените CSS селекторы из

#idname 

в

tag#idname 

Так что ваш селектор может быть что-то вроде

button#back-to-top 
+1

Я не мог получить вас на самом деле ... –

+0

Опыт пасты, который у меня был. Иногда я бы использовал селекторы, которые были не такими точными в своих целях, как другие селектор, и атрибуты были бы перезаписаны. И это произошло несколько раз против идентификаторов тегов. –

Смежные вопросы