今天总结了好几种解决拖拽的方法 大家看一下吧!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 100%;
height: 200px;
background-color: brown;
/* padding-top: 20px;
box-sizing: border-box; */
/* overflow: hidden; */
/* float: left; */
/* float: right; */
/* display: inline-block; */
/* position: fixed; */
/* overflow: hidden; */
/* overflow: auto; */
/* border: 1px solid #000; */
/* overflow: scroll; */
}
p{
margin-top: 20px;
background-color: cadetblue;
/* float: left; */
/* position: absolute; */
/* float: right; */
/* display: inline-block; */
/* display: table-caption; */
/* position: fixed; */
}
</style>
</head>
<body>
<div>
<p>
哈喽 你好!!!
</p>
</div>
</body>
</html>