html - 无论您使用什么分辨率，都将 div 保持在屏幕的一半

Question

我想知道的是，<div>无论屏幕分辨率和窗口大小分辨率如何，如何使屏幕的一半和高度为 100%。

谢谢大家的回复，他们都帮助了我！抱歉，如果这个问题有点令人困惑，我之前没有真正做过任何 CSS，所以我真的不知道如何表达它......再次感谢您！

Answer 1

在您对@Arpit 的反应中，我了解无论屏幕分辨率如何，您都希望将 div 居中。

尝试这个：

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

不同的技术是：

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

Answer 2

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

Answer 3

使用 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 4

在 CSS 中

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

演示

Answer 5

如果您选择位置样式“固定”。div 将根据浏览器窗口的大小而不是其他 div 的大小来定位自己。