С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 18.06.2013
Сообщений: 115

Как убрать высоту элемента?

05.12.2013, 21:25. Показов 1598. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Припустим есть 3 элемента расположены друг за другом( float:left ).
Нужно сделать высоту элемента =0/скрыть элемент, но забронировать место ширины ,которое он занимал.

Я не хочу,чтобы 2 и 3 передвинулись вперед.

Варианты display/overflow/opacity -не подходят ( они не бронируют ширину элемента). Вариант делать margin не вариант! Установка

.style.height=0+'px';

не помогает. Помогите ,кто чем может.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.12.2013, 21:25
Ответы с готовыми решениями:

Можно ли средствами JS узнать высоту скрытого элемента?
Можно ли средствами JS узнать высоту скрытого элемента, если к нему применен атрибут hidden? Размеры вьюпорта известны, элемент и его...

Как убрать высоту, не трогая стиль?
Здравствуйте. есть такой код... <div class="product-fields"> <div class="product-field product-field-type-Y"> ...

Как узнать высоту динамически формируемого элемента?
Всем привет, проблема в следующем, использую jquery плагин datatable: таблица формируется динамически, вот сама табличка <div...

2
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
05.12.2013, 21:40
Лучший ответ Сообщение было отмечено SverxnovA как решение

Решение

Цитата Сообщение от SverxnovA Посмотреть сообщение
Установка
.style.height=0+'px';
не помогает.
потому что не правильно делается, давай код
вот это уже непонятка
JavaScript
1
.style.height
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
06.12.2013, 04:24
свойство style.visibility = 'hidden' делает тег невидимым, но оставляет на странице занимаемое им место
HTML5
1
2
3
4
5
6
7
8
<h1 align="center">Типа светофор</h1>
<div style="height: 123px; background: red">Êðàñíûé</div>
<div style="height: 123px; background: yellow" id="myDiv">Ƹëòûé</div>
<div style="height: 123px; background: green">Çåë¸íûé</div>
 
<p><input type="button" value="ñêðûòü æ¸ëòûé"
          onclick="document.getElementById ('myDiv').style.visibility = 'hidden';
                   this.disabled = 1">
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
06.12.2013, 04:24
Помогаю со студенческими работами здесь

Как динамически менять высоту элемента ListBox в зависимости от контента в нем
Есть листбокс. В нем отображается коллекция новостей. Каждая новость всегда имеет текстблок с именем автора и картинку автора. Дальше,...

Как уменьшить высоту заголовка окна и высоту главного меню?
Доброй ночи! Может кто нибудь знает (если это возможно), как можно уменьшить высоту заголовка окна и высоту главного меню? Добавлено...

Как подогнать высоту страницы под высоту экрана?
Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой -...

Почему если убрать высоту то фон съезжает
Почему если в идентификаторе #dark убрать высоту то фон почти исчезает? Я хочу чтобы высота формировалась по высоте контента внутри блока...

ComboBox, Как убрать выделение элемента?
В общем, есть несколько боксов с настройками: DropDownStyle - DropDownList FlatStyle - Popup При выборе пункта выделение остаётся,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru