В настоящее время, когда соответствующие подразделения набирают художников, всем им требуется знание макета DIV CSS. Вот восемь вопросов на собеседовании, с которыми DIV CSS, скорее всего, столкнется. Надеюсь, они будут вам полезны.
1. Стиль наведения не появляется после перехода по гиперссылке?
Стиль гиперссылки, по которой щелкнули, больше не имеет наведения и является активным. Решение состоит в том, чтобы изменить порядок атрибутов CSS: LVHA.
2. Ошибка двойного поля в IE6.
Например:
тело {маржа:0;}
div {float: left; ширина слева: 10 пикселей; высота: 200 пикселей; граница: 1 пиксель, сплошной красный;}
стиль>
После плавания исходное поле составляет 10 пикселей, но IE интерпретирует его как 20 пикселей. Решение состоит в том, чтобы добавить display:inline.
3. Почему текст в FF не может увеличивать высоту контейнера?
Контейнеры с фиксированными значениями высоты в стандартных браузерах не будут растягиваться, как в IE6. Итак, если я хочу иметь фиксированную высоту и растягиваться, какие настройки мне следует сделать? Решение состоит в том, чтобы удалить высоту и установить здесь минимальную высоту: 200 пикселей. Чтобы позаботиться о IE6, который не знает минимальной высоты, ее можно определить следующим образом:
div {высота: авто! Важно; высота: 200 пикселей; минимальная высота: 200 пикселей;
4. Почему IE не может настроить цвет полосы прокрутки в соответствии с веб-стандартами?
Настройки оригинального стиля:
body { полоса прокрутки-face-color: # f6f6f6; полоса прокрутки-выделения-цвет: # fff; полоса прокрутки-3dlight-цвет: # eeeeee; полоса прокрутки-стрелка: # 000; -цвет:#fff; полоса прокрутки-темная тень:#fff;
стиль>
Решение — заменить тело на html.
5. Почему я не могу определить контейнер высотой около 1 пикселя?
Эта проблема в IE6 вызвана высотой строки по умолчанию, и существует множество решений, таких как: overflow:hidden | Zoom:0.08 | line-height:1px
6. Как сделать так, чтобы слой отображался на FLASH?
Решение состоит в том, чтобы установить прозрачность для FLASH:
7. Как центрировать слой по вертикали в браузере?
стиль>
Здесь мы используем процентное абсолютное позиционирование и метод отрицательного внешнего патча, отрицательного