溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“css絕對定位與相對定位得代碼怎么寫”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css絕對定位與相對定位得代碼怎么寫”吧！
相對定位
父級有代碼：
.picbox{
position: relative;
width: 400px;
height: 250px;
margin: 0 auto ;
也就是代碼中的position: relative;時，子級的定位可以相對父級而決定位子。
子級的代碼：
子級的代碼中必須有 position: absolute;這段代碼
css原碼展示：
.picbox{
position: relative;
width: 400px;
height: 300px;
margin: 0 auto;
}
.picbox span{
position: absolute;
top:10px;
bottom: 10px;
color: #f3eded;
}
位子如何定位：
top:10px;
bottom: 10px;
由此代碼決定他們相對父級的位子
Div的透明度：
.ttbg{
position: absolute;
left: 0;
bottom: 0%;
width: 400px;
height: 40px;
background: red;
opacity: 0.1;
用css樣式中的代碼opacity: 0.1;表示顏色的透明度
圖片
css3中的表示方法
background:rgba(0,0,0,0.5)
解析
rgb:指的是ps中代碼顏色
a:指的是通道的透明度
css絕對定位
代碼：
相對于整個網頁的定位
position:absolute
絕對定位：相對于父級定位
.picbox{
position: relative;
width: 400px;
height: 300px;
margin: 0 auto;9
感謝各位的閱讀，以上就是“css絕對定位與相對定位得代碼怎么寫”的內容了，經過本文的學習后，相信大家對css絕對定位與相對定位得代碼怎么寫這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
