Почему не работает ссылка рядом с dropdown?

Question

[evomed]

Код https://jsfiddle.net/o5Lpf94h/1/

В коде 2 ссылки. Одна dropdown другая нет. Так которая не dropdown (см текст) не работает рядом с dropdown. Т.е. она отображается, но не нажимается. Если комментирую dropdown то ссылка начинает работать. Как решить данную проблему?

Comments

[Ankhena]

Как решить данную проблему?

Начать с того, что сделать песочницу в которой можно увидеть вашу проблему.

[evomed]

Ankhena, добавил
https://jsfiddle.net/o5Lpf94h/1/

[Ankhena]

evomed, а теперь задайте фон или обведите рамкой .dropdown и увидите, что он просто закрывает собой эту ссылку.

[evomed]

Ankhena, как решить? это dropdown от bootstrap

[Ankhena]

evomed, убрать флоат, задать родителю flex

Плохие варианты:
- оставить флоат и добавить его и для .dropdown
- оставить флоат и задать для .dropdown display inline-block

[evomed]

Ankhena, спасибо за помощь

[Ankhena]

evomed, разобрались хоть?

[evomed]

Ankhena, в итоге отказался от дропдавна)) при этом проблему с css обошел уже если честно не помню как. Как-то очень просто. Просто по дизайну только кнопки сделал без выпадающего списка.

[Ankhena]

evomed, завязывайте с флоатами, всё будет хорошо :

[evomed]

Ankhena, вот так делал https://jsfiddle.net/svanf8Lu/

Answer 1

[VPVPVP]

.dropdown {
  float: left;
}