本篇文章给大家带来的内容是关于css中flaot浮动的原因及带来的问题分析 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>drag</title> <style type="text/css"> #p1{ width :100px; height :30px; border:1px solid red; } </style> <script type="text/javascript"> function allowdrop(ev){ ev.preventdefault(); } function drag(ev){ ev.datatransfer.setdata("text",ev.target.id); } function drop(ev){ ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } </script></head><body> <p id="p1" ondrop="drop(event)" ondragover="allowdrop(event)"></p> <br> <p id="drag1" draggable="true" ondragstart="drag(event)" >鎷栧姩</p></body></html>
相关推荐：
html的拖拽动画实现方法
拖动一个html元素_javascript技巧
以上就是html实现拖动的完整代码的详细内容。