Как сделать так, чтобы моя веб-страница отображалась полностью в любом окне браузера любого размера

Question

Я сделал веб-страницу, и это код основного раздела.

#Div {
    margin-left: 0px;
    position:absolute;
    margin-top: -1px;
    display: inline;
    float: left;
    margin-bottom: 0;
    background-color: #030;
    width: 660px;
    margin-left:-330px;
    left:50%;
    padding-top: 0px;
    height: 440px;
}

Существует ли метод css, который я могу использовать, чтобы убедиться, что страница занимает всю страницу независимо от размера экрана компьютера, на котором установлен браузер.

Answer 1

Возможно, вы можете черпать вдохновение из CSS-фреймворка и вырезать нужные кусочки?http://cssgrid.net/

Answer 2

Почему вы устанавливаете margin-left дважды?Почему вы перемещаете (и отображаете встроенный) div, который хотите занять весь экран?Установка отрицательного левого поля переместит весь ваш div влево и, следовательно, приведет к тому, что он не достигнет полного вправо, даже когда width: 100%.

Уберите все поля.Do width:100%.изменить display:inline на display:block.Убери поплавок.Если у вас есть для установки значения position:absolute, то обязательно укажите: top: 0px;осталось: 0px

Answer 3

Вы хотите центрировать свою веб-страницу, не обрезая ее слева на маленьких экранах?

Использовать следующее:

#outer{
  text-align: center;
}
#inner{
  margin:0 auto;
  width: 660px;
  text-align: left;
}

<div id="outer">
  <div id="inner">
    content
  </div>
</div>

Answer 4

минимальная высота: 100%; минимальная ширина: 100%;

и использовать сброс CSS - http://meyerweb.com/eric/tools/css/reset/

Answer 5

  #container {
    background: blue;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    2border: 1px solid red;
  }



<div id="container"></div>