1. Если есть сомнения, немедленно проверьте
Простая проверка исходного кода, если что-то пойдет не так, может избавить вас от многих головных болей. У W3C есть инструменты обнаружения XHTML и CSS. Обратите внимание, что ошибки в начале файла могут вызвать больше ошибок из-за неправильной структуры и других факторов. Мы рекомендуем сначала исправить некоторые наиболее очевидные ошибки, а затем провести повторную проверку, что может уменьшить количество ошибок.
2. Не забудьте соответствующим образом очистить инструкции при использовании плавающей функции.
Плавающая функция — опасная функция, которая может не дать ожидаемых результатов. Если вы столкнулись с плавающими элементами, выходящими за границы окружающего контейнера, или с другими необычными ситуациями, убедитесь, что вы делаете это правильно. См. учение Эрика Мейера на веб-сайте Complex Spiral Consulting.
3. Используйте отступы или границы, чтобы избежать перекрытия границ.
Возможно, вам не хватает места, которого там не должно быть, или вы не можете выжать немного места, когда оно вам нужно. Границы легко перекрывать, если вы используете поля. Энди Бадд объясняет, что это возможно, на своем веб-сайте;
4. Старайтесь избегать одновременного указания отступов/границ и высоты или ширины элемента.
Версия IE для Windows часто вызывает проблемы с вычислением ширины и высоты. Есть несколько способов решить эту проблему, но если родительскому элементу необходимо указать высоту и ширину, лучше всего применить поле к дочерним элементам внутри родительского элемента, или когда дочернему элементу необходимо указать высоту и ширину, для достижения этого эффекта примените дополнение к родительскому элементу.
5. Не полагайтесь на минимальную ширину/минимальную высоту
Версия IE для Windows не поддерживает оба синтаксиса. Но в определенной степени версия IE для Windows может достичь эффекта, эквивалентного минимальной ширине/минимальной высоте, поэтому, если вы добавите в IE некоторые функции фильтрации, вы сможете добиться желаемых результатов.
6. Если сомневаетесь, сначала уменьшите процент
Иногда из-за определенных ошибок 50%+50% превращаются в 100,1%, вызывая проблемы с веб-страницей. На этот раз попробуйте изменить эти значения на 49% или даже 49,9%.
7. Помните, как писать «ТРУДНО»
Сокращенный синтаксис границ, полей и отступов имеет определенный порядок, начиная сверху и поворачиваясь по часовой стрелке: сверху, справа, снизу, слева. Таким образом, результат поля:0 1px 3px 5px — отсутствие границы сверху, 1 пиксель; справа и так далее. Запомните «ТРУДНУ», и вы не ошибетесь в последовательности.
8. Если значение не равно нулю, необходимо указать единицу измерения.
CSS требует, чтобы вы указали единицы измерения для каждого шрифта, поля и других различных значений. (Единственным исключением является высота строки)