HTML代码：奇怪的结果

Question

如果我将上方橙色框（id =“here”的div）的高度从100px更改为100％，则框会消失。我不明白为什么？

reset

Answer 1

你的id为“here”的div包含在一个中心元素中。该元素的高度为0，除非你给它一个，所以给该元素一个100％的高度：

<center style="height: 100%;">
    <div id="here" style="width: 50%;height: 100%;border-top-left-radius: 30%;border-bottom-right-radius: 30%;background-color: orange;height: 100%;">
    </div>
</center>

Answer 2

如果你想把你的div居中，不要使用中心元素，删除它们，而是添加到目标div样式“margin：0 auto;” - 那么你的div＃here将具有他的目标高度，你的代码将更加正确。