Совместимость браузера всегда была общей проблемой в макете CSS.
Эти два метода имеют следующие преимущества:
1. Не нужно использовать взломать
2. Просто и эффективно, вы можете сделать это с первого взгляда
3. Иерархическая и модульная планировка
4. Код более разумный и легче идентифицировать
Метод 1: Решение плавающего смещения, вызванное добавлением внутреннего и внешнего интерната
Обычно нам нужно использовать Float, чтобы поплатить, когда мульти -коловый макет обычно пишем 3 DOV для 3 макетов столбца.
Чтобы достичь этого эффекта, мы добавим маржу, чтобы сделать колонку непосредственно из расстояния, а также добавить границы, а также заполнение, чтобы текст внутри не прилипал к границе. Но произошла неожиданная ситуация.
В третьем столбце бегите до дна. Это не тот эффект, который вы хотите. Тогда давайте проанализируем это. В соответствии с общими идеями. Общая ширина составляет 800px, левый столбец составляет 200, средний 400, а правая столбец составляет 200, что выглядит хорошо, но между этими столбцами должно быть расстояние, поэтому вам необходимо изменить его: левый столбец 190, средний 400, И вправо столбец 190. Это нормально?
Но ради хорошей внешности вы добавили границы. Но я забыл, что граница также увеличит ширину. -Бордер 2 = 168, чтобы не смещать. Но разве вы не найдете это немного сложным? Там будет разрыв в такой макету некоторых браузеров.
Хорошо, давайте поговорим о моем методе. Согласно иерархии, я разделяю макет и дисплей. Макет состоит в том, что в дополнение к ширине и плавающему внешнему шагу макет легче рассчитывать. Затем мы добавляем Div в столбце макета, чтобы отобразить границу, внутреннее и внешнее интервальное расстояние и т. Д. Вам не нужно определить ширину, вы можете адаптироваться. Чтобы облегчить вашу память, я импровизировал стихотворение: фиксированная ширина должна плавать, без границ или патчей, положить div внутрь и определить стиль для работы!
Метод 2: Решите внутренние плавающие элементы из внешнего слоя
Чтобы создать каталог продукта или альбом с изображением, мы использовали UL или N DIV для плавания.
Но все противоречит их желаниям.
Решение об этом на самом деле очень просто.
1. Вы можете добавить поплавок: слева;
2. Другой метод состоит в том, чтобы поместить Div, чтобы очистить плавание в конце после окончания поплавка.
3. Добавьте высоту или ширину во внешний слой.