css3 - 纯CSS实现宽度是百分比的元素成为一个正方形,适配各种屏幕?
PHP中文网
PHP中文网 2017-04-17 11:20:19
0
3
659

如题,一个p,设置width:30%,如何让它的高度和宽度一样大小,并且随着宽度的变化而变化?

前提:不使用js代码

<body>
   <p style='width:30%'></p>
</body>
PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(3)
左手右手慢动作

<p style="width:30%;padding-bottom:30%;height:0px;background:#ccc;"></p>


設定高度為0,防止有內容時高度溢出

阿神

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板