Heim > Fragen und Antworten > Hauptteil
如题,一个p,设置width:30%,如何让它的高度和宽度一样大小,并且随着宽度的变化而变化?
前提:不使用js代码
<body>
<p style='width:30%'></p>
</body>
ringa_lee2017-04-17 11:22:19
<body>
<p style="width:30%;padding-bottom:30%;height:0px;background:#ccc;"></p>
</body>
设置高度为0,防止有内容时高度溢出
阿神2017-04-17 11:22:19
<body>
<p style="width:30%;position:relative;overflow:auto;">
<img src="一张与背景相同或透明的正方形图片" style="width:100%;">
<p style="position:absolute;top:0;left:0;">
文字内容
</p>
</p>
</body>