這篇文章給大家介紹css中有哪些定位方式,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計、成都網(wǎng)站制作與策劃設(shè)計,播州網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:播州等地區(qū)。播州做網(wǎng)站價格咨詢:18982081108
/*通配符選擇器*/ *{ margin:0px; padding:0px; } /*div的選擇器*/ .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; } /*絕對定位:元素框從文檔流里完全刪除 對該元素最近的那個脫離了標(biāo)準(zhǔn)流的元素定位*/ #spe2{ position:absolute; top:40px; left:20px; } /*固定定位,只想對于視圖的左上角定位*/ #spe{ position:fixed; top:40px; left:20px; } /*靜態(tài)定位是默認(rèn)的static left、top此時沒有效果 靠margin來移動位置*/ /*z-index用于設(shè)置對象(div)顯示時候,層疊的屬性, z-index值越小,則越在下層顯示*/ [html] view plaincopy在CODE上查看代碼片派生到我的代碼片內(nèi)容1內(nèi)容3內(nèi)容4內(nèi)容2
關(guān)于css中有哪些定位方式就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。