powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как организованно размешение
7 сообщений из 7, страница 1 из 1
css как организованно размешение
    #38195927
ccoder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Меня давно терзает вопрос как организованно размешение в css.
Вроде как всё ясно. Но как начинаю делать то блок из блока вылезает то weight/height немогу точно задать.
Както нигде пока ненаходит где это чётко освещается. Сложилось пока впечатление что каждый делает как хочет и лижбы получилось что хочется развеять.
Както непонимаю почему если в div кладу div то почему дочерний может вылезать из старшего
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196182
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ccoder , где конкретика и примеры?
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196273
kalamfur
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ccoderтерзает вопрос .. почему если в div кладу div то

Ну , к примеру, у них могут быть разные css свойства position.

Либо еще пример:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<div style="padding:20px; background:red;">
	<div style="background:khaki; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris
	</div>
	<div style="background:green; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div style="background:yellowgreen; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt. родительский div не в курсе, что тут с высотой
		творится и от того 40px, пока последний div закомментирован
	</div>
  <!--<div style="clear:both;"></div>(Лекарство)-->
</div>



Мистика
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196333
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
kalamfur
Код: html
1.
  <!--<div style="clear:both;"></div>(Лекарство)-->


Достаточно просто родительскому диву добавить свойство

Код: css
1.
overflow: hidden;
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196364
kalamfur
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsaДостаточно просто родительскому диву добавить свойство

Код: css
1.
overflow: hidden;



Либо так)
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196488
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Зависит от внутреннего контента. Если внутренние блоки за пределы родителя вылазить не должны, тогда overflow: hidden, иначе clear:both.
...
Рейтинг: 0 / 0
css как организованно размешение
    #38196631
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
st_stиначе clear:both.
Смотря как организована вся страница.
Иначе этот
Код: css
1.
clear:both


всю страницу разворотит...
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как организованно размешение
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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