Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
 
Рейтинг 4.78/27: Рейтинг темы: голосов - 27, средняя оценка - 4.78
Hagrael
БТР - мой друг
331 / 273 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
1

float

16.09.2010, 16:25. Просмотров 4960. Ответов 25
Метки нет (Все метки)

У меня много вопросов по поводу float.

Первый: Почему если у родителя display: table-cell, то элемент с float'ом переносится? Как этого избежать?

Второй: при float'e элемент сжимается по контенту, и это можно использовать, чтобы сделать нерастягивающийся на соседние элементы div (если этого не указать, то его background растянется). А чтобы сделать переход на новую строчку после такого элемента, надо у того элемента, который будет переноситься, надо ставить clear: left/right. Я всё правильно говорю? Нет ли других способов сжать div по его контенту?

Третьий: вот у меня такой код:
HTML5
1
<div style="float: left;">LEFT</div><div style="?">CENTER REZINE</div><div style="float: right;">RIGHT</div>
Что надо задать в style у центрального div'a, чтобы он занял всю оставшуюся ширину (вот допустим делаю резиновый сайт, центральная часть должна растягиваться на всё оставшееся место)?

Четвёртый: Какой логикой пользуется float? Элемент сжимается по контенту, т. к. он не считается полноценным контентом. По этой же причине background соседнего div'a без float'a заполнит и его часть. Но если у этого div'a без float'a будет scroll, то background будет только на этом самом div'e без float'a, т. к. background может лежать в scroll'e, ведь тут уже задаются явные рамки для этого div'a.
Далее идёт следующая непонятка: clientWidth у div'a без float'a равен всей ширине родителя, а если поставить overflow: hidden, то background не растянется на соседние div'ы с float'ом. Почему? Ведь он считает, что его ширина равна всей ширине родителя, следственно background должен растянуться по всему родителю даже с overflow: hidden, но по какой-то причине это не так. Почему? И ещё элементы с float'ом за контент не считаются, а считаются, как доп. контент, т. к. по высоте род. блоки под них не подстраиваются. Я прав?

Заранее благодарен за ответы.
1
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.09.2010, 16:25
Ответы с готовыми решениями:

Ошибка при создании трех колонок (float:left, float:right и margin:0 auto;)
3-й час бьюсь, но никак не могу понять, что не так делаю. почему оранжевый...

float элемент во float элементе
На странице есть два float элемента, один для меню, второй для контента. В...

Float
В строке 12 поставлен float: left. Почему второй div начинается с того места,...

float
Привет! Помогите, пожалуйста. Мне надо, чтобы слева картинка, а слева писался...

IE и float
Почему такой код: &lt;ul style=&quot;list-style-type: none; background: yellow;...

25
Hagrael
БТР - мой друг
331 / 273 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
19.09.2010, 09:55  [ТС] 21
lesha_firs, мне-то нужно чтобы блок обтягивался по ширине. Но попробую использовать inline-block.
0
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
19.09.2010, 09:58 22
зачем? можно же использовать тег span
1
Hagrael
БТР - мой друг
331 / 273 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
19.09.2010, 10:03  [ТС] 23
lesha_firs, мне-то надо чтобы элемент отображался, как блок. Но я попробовал так сделать, всё выходит! Спасибо, что подарили мне эту идею!
0
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
19.09.2010, 10:06 24
сделай скрин того что Вы хотите получить на выходе
0
Hagrael
БТР - мой друг
331 / 273 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
19.09.2010, 10:07  [ТС] 25
lesha_firs, я уже получил щас кину скрин.
0
Hagrael
БТР - мой друг
331 / 273 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
19.09.2010, 10:14  [ТС] 26
Название: 19.09.png
Просмотров: 73

Размер: 1.2 Кб
Вот то, что я хочу получить. Всё работает.
0
19.09.2010, 10:14
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.09.2010, 10:14

float
У меня один div обтекает другой, их родитель равняется на высоту div'a без...

float в float'е
У меня такая фигня на сайте. Меню выравнивается слева (float:left) и текст тоже...

Float
Нужно сделать вот так: http://i.imgur.com/myU8F8R.png Вот что я написал: ...


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

Или воспользуйтесь поиском по форуму:
26
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru