我有一个元素,希望在其父元素
公式应该大致如下:
width
减少时增加它的 width
。公式应该大致如下:
width:calc(150 + 500 / 100%);
但是在Chrome中,每当我尝试用百分比宽度除以属性时,它都会说该属性无效。
这可能吗?(替代 calc()
也可以接受)
编辑 我添加了空格(之前不知道),尝试了各种单位,但还没有成功。
<div style="width:100%;position:relative;">
<div style="width:calc(150px + (500 / 100%));position:absolute;top:0;left:0;">This one should get bigger as the page gets smaller</div>
</div>
思考过程:
固定宽度(150像素)再加上500除以当前父元素的宽度。
因此,如果父元素为500像素:
150 + 500/500 -> 150 + 1 = 151
父元素为100像素:
150 + 500/100 -> 150 + 5 = 155
父元素为20像素:
150 + 500/20 -> 150 + 100 = 250