Question

我目前有一个html页面，需要创建一个div，它是页面的全宽。我试图按百分比而不是px来组织该位置内的div。 .question是与div相关联的类，需要是整页

我的css代码如下所示：

.question {
        position: absolute;
        min-height: 100%;
        min-width: 100%;
      }

      #titlepage{
        position: relative;
        top: 30%;
        width: 50%;
        text-align: center;
        overflow: auto;
        margin-left: auto;
        margin-right: auto;
      }

      html, body {
        background-color: #A0B8C8;
        height:100%;
        width:100%;
      }

<body ontouchmove="BlockMove(event);">
      <div class="question">
        <div id="titlepage">
          <h1> test data </h1>
        </div>
      </div>

目标是#titlepage div从顶部到中心的屏幕尺寸的30％。

此时距离顶部30％，但自动边距不会将其设置为水平居中。

感谢任何帮助，以及解释原因。

谢谢

*编辑html添加。它似乎不适合我的。有可能某些东西超越它吗？</ p>

**编辑。我似乎通过添加右边来修复它：0;左：0; 所以它看起来像这样：

.titlepage{
    position: absolute;
    top: 30%;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    right: 0; left: 0;    
  }

任何人都可以解释原因吗？

Answer 1

更改

top: 30%;

到

height: 30%

我希望你问的是什么。

按百分比定位Div元素

1 个答案: