Positioning

时间：2018-09-21 23:00:55 阅读：202 评论：0 收藏：0 [点我收藏+]

boxPostion.html

<html>
<head>
<title>Box Position</title>
<meta charset="utf-8">
<link rel="stylesheet" href="boxPosition.css">
</head>
<body>

<div class="box" id="one">One</div>
<div class="box" id="two">Two</div>
<div class="box" id="three">Three</div>
<div class="box" id="four">Four</div>

</body>
</html>

boxPosition.css

.box {
display: inline-block;
width: 100px;
height: 100px;
background: red;
color: white;
}

#two {
position: relative;
top: 20px;
left: 10px;
background: blue;
}

#three {
position: absolute;
top:100px;
left：100px;
background: pink;
}

#four {
position: sticky;
top:20px;
left: 200px;
background: green;
}

效果图

原文地址：https://www.cnblogs.com/BigWatermelon/p/9688643.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行