如何在css中创建一个宽泛的元素？

Question

我知道我可以使用填充顶部/底部制作一个尽可能宽的元素

#element {
  width: 40%;
  padding-top: 40%;
}

上述工作的原因是,当给出padding-top/bottom一个百分比值时,它相对于父级的宽度而不是高度.

我怎么能做同样的事情,只是把它变得宽而不是反过来？

它需要响应,解决方案应该适用于所有主流浏览器,包括IE8 +

Answer 1

您可能需要使用 jquery 的 javascript，它应该类似于：

$('#element').css({
     width: + $('#element').height()
})

但上面的内容很粗糙我什至没有测试过

更新它的作品 - 请参阅我的小提琴： 上面的小提琴

或者我想如果你愿意的话我可能有点草率：

var el=$('#element');
el.css({
    width: + el.height()
});

这