CSS с плавающей точкой / позицией - PullRequest
0 голосов
/ 27 июля 2011

Снимок экрана 1: https://skitch.com/android86/fm4r7/dreamweaver (представление в формате HTML)
Снимок экрана 2: https://skitch.com/android86/fm4fd/dreamweaver (CSS)

На скриншоте 1 я пытался использовать ссылки для веб-сайта Contact и Login как часть тега Nav, предоставленного html 5, однако я хотел, чтобы они были горизонтально рядом с hgroup.

Я назначил ширину hgroup, и теперь у меня много места справа от hgroup, однако навигация начинает выравниваться горизонтально, это то, что я должен обрабатывать с помощью свойства position или float в CSS?

Я пробовал обе в разных комбинациях, я назначил ширину nav, чтобы уместить в области, но она не работает. Любая подсказка?

Код CSS показан на скриншоте 2. После просмотра предыдущего обсуждения я подумал, что использование класса может не потребоваться, а отношение родитель-потомок может оказаться наиболее актуальным. Я лично подумал и прочитал, что нужно использовать идентификаторы в CSS, когда это очень уникальный сценарий и класс, когда мы ожидаем использовать определенную вещь очень часто. Является ли это родительское дочернее отношение способом объявления класса? Спасибо всем.

1 Ответ

2 голосов
/ 27 июля 2011

Это может быть обработано путем перемещения обоих элементов влево и удаления фиксированной ширины Вот исправленный jsFiddle: http://jsfiddle.net/joshnh/jdUWt/

...