Вопросы Теги

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

Библиотеки идут на несколько длин, чтобы получить точные смещения для элемента. вот простая функция, которая выполняет работу в любых обстоятельствах, которые я пробовал. 

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}
var x = getOffset( document.getElementById('yourElId') ).left;
0
задан Maged Saeed 24 February 2019 в 05:03
поделиться

1 ответ

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%. Таким образом, это не будет работать, как ожидалось.

0
ответ дан Karuppiah RK 24 February 2019 в 05:03
поделиться