Html 无论您使用何种分辨率,都要在屏幕中间保持一个div

Html 无论您使用何种分辨率,都要在屏幕中间保持一个div,html,css,Html,Css,我想知道的是,无论屏幕分辨率和窗口大小分辨率如何,如何使在屏幕的中间位置和高度达到100% 谢谢大家的回复,他们都帮了我!对不起,如果这个问题有点让人困惑,我以前没有真正做过css,所以我不知道如何表达它真的…再次感谢你 css中的 your_div{ width:50%; // 50% of current screen size; } 如果选择“固定”位置样式。div将根据浏览器窗口的大小而不是其他div的大小来确定自身的方向。使用jsfiddle进行显示:)。 基本上我会想到: htm

我想知道的是,无论屏幕分辨率和窗口大小分辨率如何,如何使
在屏幕的中间位置和高度达到100%

谢谢大家的回复,他们都帮了我!对不起,如果这个问题有点让人困惑,我以前没有真正做过css,所以我不知道如何表达它真的…再次感谢你

css中的

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

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

使用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;
}

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

试试这个:

#div {
    width: 800px;
    margin: 0 auto;
}
不同的技术是:

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

style='width:50%;'怎么样@用户2413519您可以尝试使用I upvoted以便现在可以添加图像?宽度:50%;我认为Arpit的答案在技术上是正确的,但你的意思是你想让div在屏幕上居中;比如堆栈溢出看起来如何?你能澄清一下吗:你是在问如何将div居中吗?水平还是垂直?好的,谢谢,这解决了一些问题,但是如果我想要一个像800px这样的特定宽度?改变这一点会改变div的位置,这样如果我在更大的分辨率上查看它,它就不再位于中心位置了?这样,剩下50%的宽度可用流量内容。啊,是的,谢谢,这就是我要找的+1请检查我的答案是否正确,以结束这篇文章好吗?它仍然显示为打开状态。(将鼠标悬停在我答案的左侧,您将看到标记变为绿色)
#div {
    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
}