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

Demo

Answer 5

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

无论你使用何种分辨率，都可以在屏幕中间保持div

5 个答案: