绝对定位元素的百分比margin
生活随笔
收集整理的這篇文章主要介紹了
绝对定位元素的百分比margin
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
絕對定位元素的百分比margin是相對于第一個定位元素祖先元素（relative/absolute/fixed）的寬度（width）計算的 橙色的寬度（width）為1000px， 藍色的寬度（width）為600px， img的margin為10%， margin-left等于1000*10%， margin-top等于1000*10%。 這時圖片的margin值只與第一個定位元素的寬度有關. <!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">#bigbox{width: 1000px;height: 200px;background: lightcoral;position: absolute;}#box{width: 600px;height: 200px;background: deepskyblue;}img{margin:10%;position: absolute;}</style></head><body><div id="bigbox"><div id="box"><img src="img/logo.jpg"/></div></div></body>
</html>
?
轉載于:https://www.cnblogs.com/yatao/p/5844953.html
總結
以上是生活随笔為你收集整理的绝对定位元素的百分比margin的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 备份MySQL数据库的命令
- 下一篇： iOS中的精度问题