Giữ một nửa chiều ngang trên màn hình bất kể độ phân giải của bạn là gì trên

Question

Điều tôi muốn biết là cách có một nửa cách <div> trên màn hình và chiều cao 100% bất kể độ phân giải màn hình và độ phân giải cửa sổ.

Thankyou tất cả các câu trả lời của bạn tất cả đều giúp tôi! Xin lỗi nếu câu hỏi này là một chút bối rối, tôi đã không thực sự thực hiện bất kỳ css trước vì vậy tôi không biết làm thế nào để cụm từ nó thực sự ... Thankyou một lần nữa!

Answer 1

trong 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

Nếu bạn chọn vị trí theo phong cách "cố định". Div sẽ tự định hướng bằng kích thước của cửa sổ trình duyệt, không phải bằng kích thước của các div khác.

Answer 4

sử dụng jsfiddle để tạo chương trình :).
Về cơ bản tôi sẽ nghĩ:

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; */ 
} 

Được rồi, bạn đã làm cho nó rõ ràng, và nó rất đơn giản,

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

Answer 5

Trong phản ứng của bạn để @Arpit Tôi hiểu bạn muốn tập trung div dù độ phân giải màn hình.

Hãy thử điều này:

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

kỹ thuật khác nhau là:

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