Ясное плавание — это то, с чем сталкивается каждый, кто создает страницы, но может ли каждый это четко знать и понимать всесторонне? Поэтому я написал подобную статью, как только у меня появилось немного свободного времени. Я не могу охватить все, но в принципе могу научить всех тому, что знаю.
Давайте в общих чертах посмотрим, сколько существует методов очистки чисел с плавающей запятой (об использовании Zoom:1 в IE писать не буду, но напишу об этом в следующей теме). Соответствующее ДЕМО
- Используйте псевдокласс:after, чтобы очистить слой псевдокласса с нулевой высотой для последующего пустого элемента управления.
- Используйте CSS overflow:auto для поддержки высоты
- Использование переполнения CSS: скрыто для создания странных адаптаций
- Используйте display:table, чтобы преобразовать объект в форму таблицы.
- Используйте тег div и атрибут очистки CSS.
- Используйте тег br и атрибут cssclear.
- Используйте тег br и собственный атрибут очистки HTML.
На первый взгляд, они оба могут решить проблему, однако у них есть свои плюсы и минусы. (индивидуальная переписка)
- Семантика структуры преимуществ полностью правильна, и никаких других странных проблем не возникнет.
Недостатки. Неправильные методы повторного использования могут легко привести к резкому увеличению объема кода.
Рекомендуется использовать его, когда внешний слой слегка плавает, или людям, которые понимают метод модульного повторного использования. - Преимущества : Семантика структуры полностью правильна, а объем кода очень мал.
Недостатки : после нескольких вложений нажатие на самый внешний световой плавающий прямоугольник приведет к выбору всего содержимого от самого внешнего слоя до самого внутреннего слоя (FF), или когда наведение курсора мыши приводит к изменению ширины, самый внешний модуль будет иметь прокрутку; бар (ИЭ).
Рекомендуется использовать модуль внутри одного, не вкладывать его. - Преимущества : Семантика структуры полностью правильна, а объем кода очень мал.
Недостатки: Когда содержимое увеличивается, строки легко автоматически переносятся, и содержимое скрывается.
Рекомендуется использовать, когда ширина фиксирована и не вложена. - Преимущества : Семантика структуры полностью правильна, а объем кода очень мал.
Свойства модели коробки недостатков изменились. Вполне возможно, что странных событий больше, чем вы можете сосчитать.
Если вы не хотите исправить баг и убить вас, то лучше его не использовать, однако в альфа-версии для тестирования его можно использовать как временный обман; - Преимущества: объем кода очень мал, а возможность повторного использования чрезвычайно высока.
Недостаток состоит в том, что он не может идеально адаптироваться к семантике и не способствует пересмотру и требованию изменений.
Рекомендуется новичкам, позволяет быстро решать проблемы с плаванием. - Преимущества: степень семантики лучше, чем в пятом случае, объем кода очень мал, а возможность повторного использования чрезвычайно высока;
Недостатки: Семантика все еще не идеальна, что не способствует доработкам и требует изменений.
Рекомендуется новичкам, позволяет быстро решать проблемы с плаванием. - Преимущества: степень семантики лучше, чем в случаях 5 и 6, объем кода минимален, а возможность повторного использования чрезвычайно высока;
Недостатки: Семантика все еще не идеальна, что не способствует доработкам и требует изменений.
Новичкам рекомендуется использовать его при обновлении своего мышления, чтобы они поняли, что вместо использования имени класса для управления производительностью лучше вернуться в эпоху веб-страниц WEB1.0 и напрямую использовать атрибуты HTML для управления производительностью. Ведь у последнего меньше кода.
Наконец, список завершен. Однако считаю необходимым извиниться перед всеми за перепечатанную мной статью о Ghost; я очень сожалею, что изменил название Ghost с «самого простого» на «оптимальное», что впоследствии ввело в заблуждение многих студентов. Поэтому я переписал статью, чтобы поделиться с вами.
Исходный текст: http://webteam.tencent.com/?p=1122.
