Question

段落＆＃34;查看更多＆＃34;不动，它只是停留在初始位置。我指出：顶部：270px并留下100px但没有。其余的代码工作正常，如果我尝试从css文件中为该段落提供相同的颜色，它返回黑色。

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="home.css"/>
    <link rel="icon" type="image.png" href="favicon.ico">
    <title>Prism</title>
</head>

<body background="wallpaper.png">

<p id="More" style="color: #6441a5">See more</p>


<form action="D:\Prism\login\login.html">
    <input type="image" id="Buton" src="buton.png" alt="submit">
</form>
<div id="Trending">

        <p>Trending</p>
</div>



<div id="firstsec">
</div>

<div id="New">

      <p>New</p>

</div>

<div id="secondsec">
</div>


</body>
</html>

css的重要部分：

 #More {
    font-size: larger;
    top: 270px;
    left: 100px;
}

Answer 1

您正在使用左右css属性手动设置位置，但如果要设置相对位置或固定位置，则必须将css属性设置为绝对或固定。

如果看到更多是相对于父母的话。

#More {
    position:absolute;
    font-size: larger;
    top: 270px;
    left: 100px;
}

如果在浏览器中看到更多是固定位置。

#More {
    position:fixed;
    font-size: larger;
    top: 270px;
    left: 100px;
}

该段根本没有移动或取任何财产

1 个答案: