Html CSS顶部不工作_Html_Css - Fatal编程技术网

Html CSS顶部不工作

html css

Html CSS顶部不工作,html,css,Html,Css,我有这个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</d

我有这个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>


e-Rario
e-Rario

为什么顶部属性不起作用？

，

底部

，

左侧

，

右侧

和其他属性（即

z-index

）仅对

位置

ed元素起作用。具有一组

位置

，而非

静态

（默认值）的A.k.A


e-Rario
e-Rario

向div添加位置属性