Скрыть левый блок при 100% ширине правого

@Gerd199 · 09.05.2019, 07:33. **Показов** 646. **Ответов** 4

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<style>
header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    background: #fdfdfd;
}
.lefth {
    display: flex;
    flex-grow: 1;
}
.righth {
    width: 100%;
    display: flex;
}
</style>
<header>
    <div class="lefth">
        <a href="/" title="Главная страница" class="logo">site</a>
    </div>
    <div class="righth">
                   <div class="user "> 
                <a href="#" data="menu_menurig">
                    <img src="/uploads/2-profile/1.png">
                </a>    
           </div>
    </div>
</header>

Блок righth, имеет 100% ширину. Как сделать так, чтобы левый блок спрятался? То есть содержимое блока скрывалось если ширина правого равна 100%.

@mrtoxas · 09.05.2019, 08:24

От чего зависит ширина правого блока?

@Gerd199 · 09.05.2019, 08:43 **[ТС]**

Изначально ширина правого блока подстраивается под ширину контента. Далее через js, необходимо добавить класс в котором ширина равна 100%. Как вариант можно скрыть левый блок путем добавления в него класса, но как по мне это не практичное решение. Реализовать при помощи css куда приемлемей

@mrtoxas · 09.05.2019, 08:56

Сообщение от Gerd199

необходимо добавить класс

Задавайте этот класс для BODY, а уже при помощи него и ширину контейнера меняйте, и блок скрывайте

CSS
1
2
3
4
5
6
.some-class .right{
  width:100%;
}
.some-class .left{
  display: none;
}

Не по теме:

и в слове righth последняя h лишняя

@Gerd199 · 09.05.2019, 09:17 **[ТС]**

Не, это не решение. Проще все добавить через js к левому блоку класс и тем саммым его скрыть. Как на счет того, чтобы левый блок занимал остаток ширины, а на случай если содержимое блока не умещается, скрывать содержимое через overflow

Добавлено через 9 минут
Все, понял решение, спс

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	09.05.2019, 08:24
	От чего зависит ширина правого блока? 0

@Gerd199 Заблокирован
	09.05.2019, 08:43 [ТС]
	Изначально ширина правого блока подстраивается под ширину контента. Далее через js, необходимо добавить класс в котором ширина равна 100%. Как вариант можно скрыть левый блок путем добавления в него класса, но как по мне это не практичное решение. Реализовать при помощи css куда приемлемей 0

@Gerd199 Заблокирован
	09.05.2019, 09:17 [ТС]
	Не, это не решение. Проще все добавить через js к левому блоку класс и тем саммым его скрыть. Как на счет того, чтобы левый блок занимал остаток ширины, а на случай если содержимое блока не умещается, скрывать содержимое через overflow Добавлено через 9 минут Все, понял решение, спс 0