css怎么使用絕對值來對元素進(jìn)行定位

這篇文章主要介紹css怎么使用絕對值來對元素進(jìn)行定位,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!

成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、成都微信小程序、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10年以來,已經(jīng)為超過千家紗窗各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在,服務(wù)的超過千家客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。

<html>

<head>

<style type="text/css">

h3.pos_left

{

position:relative;

left:-20px

}

h3.pos_right

{

position:relative;

left:20px

}

</style>

</head>

<body>

<h3>這是位于正常位置的標(biāo)題</h3>

<h3 class="pos_left">這個標(biāo)題相對于其正常位置向左移動</h3>

<h3 class="pos_right">這個標(biāo)題相對于其正常位置向右移動</h3>

<p>相對定位會按照元素的原始位置對該元素進(jìn)行移動。</p>

<p>樣式 "left:-20px" 從元素的原始左側(cè)位置減去 20 像素。</p>

<p>樣式 "left:20px" 向元素的原始左側(cè)位置增加 20 像素。</p>

</body>

</html>

以上是“css怎么使用絕對值來對元素進(jìn)行定位”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站欄目:css怎么使用絕對值來對元素進(jìn)行定位
轉(zhuǎn)載注明:http://muchs.cn/article46/ispseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)站改版做網(wǎng)站、網(wǎng)站設(shè)計全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)