CSS Центрирование div в разных экранах

Мне интересно, останется ли div в этом css и html в центре, если я просмотрю этот сайт на большом экране. так как я работаю только на 16-дюймовом экране/мониторе. будет ли div этого кода оставаться в центре, даже если я перейду или просмотрю его на большом/другом экране? ?CSS Центрирование div в разных экранах

HTML-код

<html> 
<head> 
    <title>Midterm Practice</title> 
    <link rel = "stylesheet" type = "text/css" href = "layout.css"/> 
</head> 
    <body> 
    <div id = "container"> 
     <div id = "navbar"> 
     <ul> 

     </ul> 
     </div> 
    </div> 
    </body> 
</html>

правила CSS

body{background-color: pink;} 
#container{background-color: white;margin-left: auto;margin-right: auto;border: 1px solid white;border-radius: 15px;width: 1000px;height: 800px;} 
#navbar{position:absolute;}

Я только начиная с CSS, пожалуйста, не добавляйте заранее или выше среднего ответы

источник

2012-02-21 KyelJmD

Да .. но '# navbar' не должен иметь абсолютную позицию, если' # container' не имеет абсолютного или относительного положения, и вы хотите его внутри контейнера. – Aprillion

Почему навигационная панель не должна находиться в абсолютном положении? и да, я планирую размещение внутри контейнера. – KyelJmD

Вам, вероятно, не нужно, чтобы навигационная панель была абсолютной, но если это то, что вам действительно нужно, контейнер должен иметь относительное положение, в котором навигационная панель будет находиться в абсолютном положении. Я подозреваю, что вам это не нужно, и может просто плавать навигатор в контейнере. – drmonkeyninja

margin-left: auto; margin-right: auto; Использование должен иметь желаемый эффект для вас. Они будут в основном центрировать «контейнер» div в теге тела. Вы всегда можете проверить это, уменьшив ширину контейнера до того, что вы можете протестировать в своем браузере (инструменты разработчика Chrome и Firefox полезны для игры с CSS в браузере).

источник

2012-02-21 11:56:26 drmonkeyninja

Что делать, если я устанавливаю позицию на Абсолют? будет ли он работать? – KyelJmD

Нет, если вы примените положение: абсолютное к контейнеру div. Абсолют предназначен для указания позиции внутри содержащей разметки, поэтому в основном установка координаты угла элемента. – drmonkeyninja

Хорошо. Спасибо. – KyelJmD

CSS Центрирование div в разных экранах

ответ

Смежные вопросы