css float : left
От: x-code  
Дата: 03.05.17 07:27
Оценка:
Делаю горизонтальноп меню с помощью списка ul. Элементам li этооо списка выставлен стиль float:left за счпт чего меню приобретает горизонтальный вид.
Но почему-то это обтекание распространяется за пределы меню и следующие элементы (в том числе блочные теги) оказываются справа от меню, а не под ним. Я им, а также контейнеру в котором само меню, даю float:none, display:block — не помогает. В чем там дело?
Re: [-] use CSS clear Property
От: VikDD  
Дата: 03.05.17 17:18
Оценка:
https://www.w3schools.com/cssref/pr_class_clear.asp
С уважением, VikDD
Re[2]: [-] use CSS clear Property
От: x-code  
Дата: 03.05.17 21:01
Оценка:
Здравствуйте, VikDD, Вы писали:

VDD>https://www.w3schools.com/cssref/pr_class_clear.asp


Спасибо! Я кстати нашел другой способ: вместо float:left использовать display:inline-block
Это даже более правильно, т.к. нужно не обтекание как таковое, а просто последовательное расположение пунктов меню в строчку
Re[3]: [-] use CSS clear Property
От: webguru Украина http://webdiz.com.ua
Дата: 29.08.17 17:42
Оценка:
Вот нашел отличный мануал по верстке сайтов http://webdiz.com.ua/glava4-sozdanie-maketa-stranitsy-i-verstka/blochnaya-verstka-3-kolonki
Re: css float : left
От: Larvef Германия  
Дата: 19.12.17 20:23
Оценка:
А почему бы не использовать flexbox?
На порядок меньше геморроя. Если конечно не надо на браузеры из области палеонтологии ориентироваться.
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.