Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 9, средняя оценка - 4.67
m@tem@tik
14 / 14 / 0
Регистрация: 22.10.2012
Сообщений: 336
#1

Размещение блоков в ряд - HTML, CSS

16.07.2013, 18:40. Просмотров 1262. Ответов 5
Метки нет (Все метки)

Хочу расположить внутри одного родительского блока два блока вряд. При применении к левому дочернему блоку float:left он перестает быть вложенным в родительский блок.
0
Миниатюры
Размещение блоков в ряд   Размещение блоков в ряд  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.07.2013, 18:40
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Размещение блоков в ряд (HTML, CSS):

Размещение блоков в ряд в определенном размере - HTML, CSS
Посмотрите как на сайте https://telegram.org/ размещены блоки с мобильниками(три блока). При уменьшении верстка просто уменьшается, и...

размещение блоков на странице - HTML, CSS
я хочу, что бы на одном горизонтальном уровне были допустим логотип и меню,а остальное содержимое страницы было ниже. Создал блок <div> в...

Размещение div блоков - HTML, CSS
Мне нужно сделать на сайте вот так: Но у меня получается вот так: Код CSS: #page { clear:both; width:93%;...

Размещение блоков в блоке - HTML, CSS
Извините, вопрос примитивный может покажется, но не могу найти как в блоке div, разместить 2 блока вне зависимости от размера, один вверху,...

Размещение блоков и их наложения - HTML, CSS
помогите кто знает. я уже 2 день голову ломаю, никак не могу придумать что сделать. Проблема такая, что фон левой и правой колонки...

Размещение блоков на странице - HTML, CSS
Добрый день! Подскажите как лучше разместить блоки на странице: У меня вот такой вот шаблон: Ни как не могу придумать как сделать...

5
Tex Hex
0 / 0 / 0
Регистрация: 13.07.2013
Сообщений: 1
16.07.2013, 18:50 #2
Присвойте родителю и дочерним блокам свойство:
CSS
1
display: inline-block;
0
Forastero
541 / 323 / 37
Регистрация: 15.05.2013
Сообщений: 781
Записей в блоге: 1
16.07.2013, 19:15 #3
Нужен Clearfix. Задайте родительскому блоку свойство.
CSS
1
overflow: hidden;
Добавлено через 2 минуты
Цитата Сообщение от Tex Hex Посмотреть сообщение
Присвойте родителю и дочерним блокам свойство:
CSS
1
display: inline-block;
И чем это по-Вашу должно помочь? Это аморально когда div'ы по прихоти делают инлайновыми. Так еще и на таком уровне как базовая разметка.
1
TyOx
0 / 0 / 0
Регистрация: 13.07.2013
Сообщений: 13
16.07.2013, 19:25 #4
Старое добро TD в руки вам
0
m@tem@tik
14 / 14 / 0
Регистрация: 22.10.2012
Сообщений: 336
16.07.2013, 19:48  [ТС] #5
Forastero, спасибо, помогло. Я недавно начал изучать CSS, поэтому не могли бы объяснить смысл этой строки? На всякий случай, на будущее.
0
Forastero
541 / 323 / 37
Регистрация: 15.05.2013
Сообщений: 781
Записей в блоге: 1
16.07.2013, 20:04 #6
m@tem@tik, когда Вы задаете свойство float, блок выходит из общего потока.
Он как бы приподымается над остальными блоками, которые его не замечают.

overflow: hidden скрывает все что не умещается в блок. Раз Вы блоку не задавали высоты, а лишь свойство overflow: hidden, то он будет оборачивать родительские блоки. "Натягивается" на них.
1
16.07.2013, 20:04
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2013, 20:04
Привет! Вот еще темы с ответами:

Размещение двух блоков в строку - HTML, CSS
Как разместить два блока в строку если один блок имеет ширину 580px,а другой должен заполнить оставшееся пространство

Размещение блоков на одной линии - HTML, CSS
Как мне разместить два блока div рядом на одной горизонтали?

Размещение блоков <div> в строку - HTML, CSS
Как сие дивы разместить ровно в строку? Ибо в таком виде правая часть ниже &lt;p&gt;&lt;div align=&quot;left&quot;&gt; &lt;font face = arial black &gt; Mp3Search...

Размещение блоков с помощью bootstrap 3 - HTML, CSS
Добрый день! Подскажите пожалуйста как разместить блоки, так как на картинке в bootstrap3. Спасибо!


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

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

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