这篇文章给大家介绍css中有哪些定位方式，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
*{ margin:0px; padding:0px; } .div1{ border:1px solid red; background:silver; width:60px; height:30px; float:left; margin-left:5px; } .div2{ position:relative; left:10px; top:10px; width:100px; height:80px; background:pink; float:left; margin-left:5px; } #spe{ position:relative; top:40px; left:20px; } #spe2{ position:absolute; top:40px; left:20px; } #spe{ position:fixed; top:40px; left:20px; } [html] view plaincopy在CODE上查看代码片派生到我的代码片 <html> <head> <link rel="stylesheet" type="text/css" href="position.css"/> </head> <body> <div class="div1">内容1</div> <div class="div1">内容3</div> <div class="div1">内容4</div> <div class="div2"> <div class="div1" id="spe2">内容2</div> </div> </body> </html>关于css中有哪些定位方式就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
