Недостаток в размещении всего в макете?

Question

Всем известно, что существуют проблемы со свойством float CSS: в некоторых браузерах есть текстовые пробежки, вам нужно clear их, чтобы вытащить родительские элементы вокруг float ed div и т. Д.

Давайте предположим, что я создаю макет и все плаваю, и я тщательно отслеживаю ошибки, связанные с браузером.Есть ли недостатки в использовании float для всего?Рендеринг страницы займет больше времени, или есть лучший метод?

Я пытаюсь улучшить свою технику построения макетов CSS.

Answer 1

@ Кевин;float не плохая практика;это зависит от того, как вы используете его и каковы потребности дизайна.Нет необходимости использовать его на всем, когда в этом нет необходимости, и это происходит из опыта.

Каждый браузер правильно отображает float.да, если вы используете clear:both в своей разметке, как это

<div style="clear:both"></div>

, это увеличит вашу разметку, что увеличит время загрузки страницы.,ТАК, используйте overflow:hidden в вашем CSS, чтобы очистить его.

Answer 2

Мне не нравится использовать поплавки из-за этих проблем с очисткой.Я обычно использую display:inline-block, и для моей таблицы стилей IE6 / 7 по тем же правилам я ставлю zoom:1; display:inline

С блоком inline-block элементы блока текут как встроенные элементы, в то же время ведя себя как блоки.Я чувствую, что это более интуитивно, чем выход из потока, как это делают поплавки.

Я использую этот вид макета в своем клиенте Twitter: https://timshomepage.net/twitter А вот несжатая таблица стилей: https://static.timshomepage.net/css/twitter.css

Answer 3

Плавание всего может привести к большой несогласованности;в зависимости от ширины экрана и высоты визуализации определенных элементов, вы можете получить мешанину из-за зазубрин экрана.

Например, расширение экрана приведет к тому, что больше элементов поместится в верхней строке, поэтому они будут подпрыгивать.Элементы, не находящиеся в верхней строке, будут скользить вниз, а затем зацепляться за угол элемента, немного более высокого, чем все до него.

Float - удобный инструмент, но не панацея;используйте с осторожностью.Создайте себе сайт с песочницей и используйте что-то вроде инструментов разработчика Chrome или Firefox с Firebug, чтобы увидеть, какие результаты вы получите, когда плаваете все это.