#css #css-float #css-position
#css #css-float #css-позиция
Вопрос:
Я пытаюсь скопировать домашнюю страницу Google (это мой первый проект), и у меня есть несколько вопросов:
-
Мое место на панели навигации хорошее (вверху справа), но как я могу разместить логотип Google панель поиска в этом точном положении? Я пытался размещать в центре как по вертикали, так и по горизонтали, но не работает.
-
Как я могу сделать ширину строки поиска равной ширине логотипа?
-
Почему, если я не использую float, мои кнопки «Поиск в Google» и «Мне повезло» не находятся в одной строке?
Комментарии:
1. Вы пробовали использовать инструменты разработки ваших браузеров, чтобы узнать, как это делает Google?
2. Да, но безуспешно (хотя у меня был некоторый успех со стилем кнопок с использованием инструментов разработчика)
Ответ №1:
Чтобы центрировать вашу страницу, вам нужно указать ширину и margin:0 auto; размер вашей оболочки .body . Как только это будет сделано, вы можете придать своему окну поиска ширину s, равную 100%. Посмотрим, поможет ли это.
Ответ №2:
3. прочитайте кое-что о float и блоках (отображение: блок): http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know /
Ответ №3:
Чтобы получить «Поиск в Google» и «Мне повезло» в одной строке, убедитесь, что для них обоих достаточно места по горизонтали, а затем используйте display: inline .