百分比到底是誰的百分比

元素的百分比到底是誰的?

1、width、height

 <style>
        * {
            margin: 0;
            padding: 0;
        }
        .box{
            width: 200px;
            height: 200px;
            border: 1px solid darkcyan;
        }
        .child{
            width: 50%;
            height: 50%;
            padding: 50%;
            margin: 50%;
            background: #f3ae22;
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="child"></div>
    </div>
</body>
Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,168評論 1 92
  • 咱們先看手冊中關(guān)于寬的描述: 語法:width:<length> | | auto默認(rèn)值:auto繼承性:無動...
    microkof閱讀 1,973評論 2 2
  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對傅立葉變換、拉普拉斯變換、Z變換的聯(lián)系?為什么要進(jìn)...
    價值趨勢技術(shù)派閱讀 5,941評論 2 2
  • 各種純css圖標(biāo) CSS3可以實(shí)現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,988評論 0 8
  • 開門,關(guān)門 出去,進(jìn)來 一張張面孔 似曾相識 又不甚熟識 時而靜謐 時間以紅色跳動的數(shù)字 來計(jì)量 時而喧囂 熟識的...
    何小河vicky閱讀 252評論 0 0

友情鏈接更多精彩內(nèi)容