Показать сообщение отдельно
  #1 (permalink)  
Старый 24.02.2021, 10:01
Кандидат Javascript-наук
Отправить личное сообщение для fori Посмотреть профиль Найти все сообщения от fori
 
Регистрация: 27.01.2021
Сообщений: 117

Как задать inpyt type="range" длинну родителя
Здравствуйте, у меня есть текст в div-e, мне нужно чтоб родительский елемент имел width="длинна дива с текстом"
также в родительском диве есть input type="range"
мне нужно чтоб длинна дива была равна длинне родительского елемента.
Тоесть длинна инпута = длинне текста = длинне родительского елемента
Но етот код
<!DOCTYPE html>
<div class="wrapper">
<div class="text">The most long text here</div>
<input type="range">
</div>
<style>
body{
background: yellow;
}
.wrapper{
background: green;
}
.text{
font-size:20vmin;
}
input{
display:block;
width:100%;
height:1vmin;
padding:0;
margin:0;
}
</style>

делает input намного длинне чем текст... Такое чувство что width:100% родителя->родителя (тоесть в данном случае body) а не просто родителя (в данном случае wrapper)...

Последний раз редактировалось fori, 24.02.2021 в 10:04.
Ответить с цитированием