атрибуты CSS справа и слева не работают должным образом с начальной загрузкой группы ввода 4 - PullRequest
Новая
       30

атрибуты CSS справа и слева не работают должным образом с начальной загрузкой группы ввода 4

0 голосов
/ 23 февраля 2019

У меня есть вход для поиска.Я использовал input-group в Bootstrap 4 .Теперь я хочу позиционировать этот элемент как абсолютное позиционирование с атрибутами left и right.Любопытно, что только один из этих атрибутов будет работать, но не оба.Любые идеи, почему это происходит и решения?

Вот jsfiddle:

https://jsfiddle.net/Maged_Saeed/hse2kr4c/

Заранее спасибо.

1 Ответ

0 голосов
/ 23 февраля 2019

JsFiddle 

.search-group {
    position: absolute !important;
    left: 50px !important;
    bottom: 5px;
    width: calc(100% - 100px)
}

Добавьте width: calc(100% - 100px) в свой CSS.right:50px тоже работает.Но в вашем .input-group классе есть width:100%.Таким образом, он не будет работать, как ожидалось.

...