ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
9 сообщений из 9, страница 1 из 1
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124613
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<body>
<style>
.a{float:left; width:auto; height:100px; background:#FF0; border:#333 1px solid; min-width:498px; max-width:798px}
</style>
<div style="width:800px; height:2000px; border:#000 1px solid;">
	<div style="float:right; width:300px; height:100px; background:#0A0;"></div>
	<div class="a">Сдесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
	<div class="a">Сдесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
	<div class="a">Сдесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
	<div class="a"></div>
</div>
</body>


Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает (если справа нет блока).
...
Рейтинг: 0 / 0
10.12.2015, 09:22
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124644
Павел Гужанов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Павел Гужанов
Участник
Поставь width не auto, а 100%
...
Рейтинг: 0 / 0
10.12.2015, 10:23
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124839
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
эффект будет не тот. Блок станет ниже блока что справа с фиксированной шириной. Потому что 100% это ширина parent.
я специально min-width:498px; сделал чтоб поняли что я хочу. видимо вы не поняли. если справа нет ничего, тогда 100%, если что-то есть, значит разместить так чтоб вместить.
...
Рейтинг: 0 / 0
10.12.2015, 12:51
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124860
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
или я тоже не поняла.. или float:left убрать?
...
Рейтинг: 0 / 0
10.12.2015, 13:09
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124923
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Zoriaили я тоже не поняла.. или float:left убрать?
к сожалению не поняла

В таком случае блок будет на всю ширину не учтивая предыдущего блока что float:right
Он просто прячется на заднем фоне и видно что он по всей ширине (не делит территорию)
Просто даже в хроме убираю float:left в class="a" и видно
Тест
Видимо в CSS такого сделать нельзя. Нужно применять JS и подсчитывать.
...
Рейтинг: 0 / 0
10.12.2015, 14:00
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124930
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Чтоб поняли вот вам еще пример по теме. Есть к примеру страница ваша ВКонтакте (ваш акаунт). Чуть ниже лента ваших новостей. Как только слева исчезает меню и все остальное лента расширяется. Это делается с помощью JS. По этому и спрашиваю, а можно ли такое сделать на CSS ? Только у меня дополнительный блок справа а не слева
...
Рейтинг: 0 / 0
10.12.2015, 14:05
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124972
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Андрей159,

overflow:hidden нужно еще добавить.
...
Рейтинг: 0 / 0
10.12.2015, 14:35
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39124974
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<!DOCTYPE html >
<html>
<body>
    <style>
        html{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        *, *:before, *:after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
        .a{height: 100px;background: #FF0;border: red 1px solid;overflow: hidden;}
    </style>
    <body>
        <div style="width: 800px; height: 2000px; border: #000 1px solid; ">
            <div style="float: right; width: 300px; height: 100px; background: #0A0; border:blue 1px solid"></div>
            <div class="a">1. Здесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
            <div class="a">2. Здесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
            <div class="a">3. Здесь будут зависимые блоки от внешнего div. Сумарная ширина размещенных блоков внутри не будет больше 100%</div>
            <div class="a"></div>
        </div>
    </body>
</html>
...
Рейтинг: 0 / 0
10.12.2015, 14:40
| Ответить | Цитировать | Написать  
Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
    #39126062
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Большое спасибо Zoria . Чесно, не ожидал и не надеялся на решения с CSS. Не видел, чтоб кто-то где-то это использовал. Несколько попыток моих были неудачными и на overlay:hide никогда бы не подумал.
...
Рейтинг: 0 / 0
11.12.2015, 17:37
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли на CSS сделать чтобы блок class="a" занимал ширину 100% если ничего не мешает
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]