为什么显示出来的文字会到框框的上面去?top的值改小就不会这样

来源:13-7 相对于自己的位置-层模型之相对定位

Ella_Lu

2018-08-20 17:58

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>relative样式</title>

<style type="text/css">

#div1{

    width:200px;

    height:200px;

border:2px red solid;

position:absolute;

top:50px;

    

}


</style>

</head>

<body>

<div id="div1"></div>

<p>nihao</p>

</body>

</html>

https://img4.mukewang.com/5b7a90c60001b42f08420446.jpg

写回答 关注

2回答

  • 慕标3466145
    2018-08-20 20:52:01


    你现在的文字和框不是在同一个层面,想一起移动的话就要在同一个层面。

    <div id="div1"> 

    <p>nihao</p>

    </div>



  • _既然琴瑟起
    2018-08-20 18:32:50

    position:absolute;

    top:50px;

    这里本身绝对移动的就是<div id="div1"></div>   <p>nihao</p>并没有在div中所以没有移动,框框往下,文字不动。本来在框框第一行的文字就跑到框框上面去了


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题