如何使用绝对定位设置div标签

时间:2019-05-07 18:37:37

标签: html css

创建DIV结果ID。在其中创建一个具有mdc-typography--headline5 CSS类的HEADING元素。将标题的文本设置为BMI。 在HEADING旁边并仍位于带有结果ID的DIV中,创建一个空PARAGRAPH。

具有结果ID的DIV应该使用绝对定位,从视口的右边缘起2.2em,从视口的底部边缘起6.5em。它应为100px宽,并具有居中文本。

这是我的实现,如下面的代码所示

div#outcome {
        position: absolute;
        right: 2.2em;
        bottom: 6.5em;
        width: 100px;
        text-align: center;
      }
<div id="outcome">
      <h1 class="mdc-typography--headline5">BMI</h1>
      <p></p>
 </div>

我真的不知道预期结果是因为它没有通过测试。

0 个答案:

没有答案