Сохранение div на полпути по экрану независимо от того, какое разрешение у вас есть

Question

Что я хочу знать, так это то, как иметь <div> на полпути через экран и высоту 100% независимо от разрешения экрана и разрешения по размеру окна.

Спасибо всем за ваши ответы, они все мне помогли! Извините, если этот вопрос был немного запутанным, я на самом деле не делал каких-либо css раньше, поэтому я не знал, как правильно это выразить ... Спасибо еще раз!

Answer 1

в CSS

your_div{ 
width:50%; // 50% of current screen size; 
} 

Demo

Answer 2

html,body { height:100%; } 
#div_selector { width:50%; margin:0 auto; } 

Answer 3

Если вы выбираете стиль положение "фиксированный". Div будет ориентироваться на размер окна браузера, а не на размер других div.

Answer 4

использовать jsfiddle, чтобы сделать шоу :).
Основном я бы думать:

html, body {height:100%;margin:0;} 
body {padding-left:50%; */or right */ 
div.w50h100 { 
width:50%; 
height:100%; 
position:fixed; 
top:0; 
left:0; /* or right:0; */ 
} 

Хорошо, вы сделали это ясно, и это просто,

html,body{ 
    height:100%; 
    margin:0; 
} 
div#center { 
    min-height:100%; 
    width:XX; 
    margin: auto; 
} 

Answer 5

В вашей реакции на @Arpit Я понимаю, что вы хотите, чтобы отцентрировать DIV независимо от того, разрешение экрана.

Попробуйте это:

#div { 
    width: 800px; 
    margin: 0 auto; 
} 

Different техника:

#div { 
    width: 800px; 
    position: absolute; 
    left: 50%; 
    margin-left: -400px; 
}