CSS:宽度/高度属性只响应 px(不是 %)

Question

我想在网页上创建一个红色方 block 。

当我编写以下 html 元素时:

<div style="{'background': 'red', 'table-layout': 'fixed', 'width': '**10%**','height' : '**10%**'}"

我得到一个白色网页。

但是，当我将“%”替换为“px”并写入时:

<div style="{'background': 'red', 'table-layout': 'fixed', 'width': '**10px**','height' : '**10px**'}"

我在屏幕的一 Angular 看到一个红色的小方 block 。可能是我错误地使用了百分比功能。你能告诉我问题是什么吗？

Answer 1

<div class="parent" style="width: 100%; height: 500px">
  <div style="width: 10%; height: 10%; background: red"></div>
 </div>

我认为您需要有一个父级，您的百分比宽度和高度将以此为基础。