HTML之相对定位relative

最新推荐文章于 2023-05-24 22:16:01 发布

it_heros

最新推荐文章于 2023-05-24 22:16:01 发布

阅读量1.9k

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/sunshine_mood/article/details/50419210

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML之相对定位relative

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
    <div style="background-color:white;
            width:150px;
            height:45px;
            margin-left:40px;
            border:1px solid Orange;
            position:relative;
            top:1px;
            border-bottom:1px solid white;
    "><!-- 相对定位  position:relative;-->

    </div>
    <div style="
            width:500px;
            height:100px;
            background-color:white;
            border:1px solid orange;
            ">  
    </div>
 </body>
</html>

效果图：