Question

i have this code html.

<!DOCTYPE html>
<html>
<head>
    <title>e-Rario</title>
</head>
<body>
    <div style="height: 60px; background: blue;">
        <div style="top: 25%; background: green;">e-Rario</div>
    </div>
</body>
</html>

Why is the top property nor working?

Answer 1

top，bottom，left，right和其他属性（即z-index）仅适用于position ed元素。又名设置position，而不是static（默认）。

<!DOCTYPE html>
<html>
<head>
    <title>e-Rario</title>
</head>
<body>
    <div style="height: 60px; background: blue;">
        <div style="top: 25%; background: green; position:relative;">e-Rario</div>
    </div>
</body>
</html>

每当您发现一些简单的css属性无法正常工作时，请务必阅读MDN提供的文档（Mozilla，Google，Microsoft等众多用户友好，开源加入的工作）或W3C（更多技术，但HTML和CSS标准的权威）。你有可能在那里找到答案，比你在这里提出的要快得多。
（重新）搜索SO不是可选的。您必须这样做，并且必须在完成后在问题中指定它。

CSS top not working

1 个答案: