css - CSS：将元素的宽度设置为（由浏览器计算的宽度）+（20px）

Question

我正在尝试使用 CSS 设置元素的宽度。

我需要将元素的宽度设置为浏览器计算的宽度+20px。

我需要做这样的事情：width: auto + 20px;

有关如何正确编写此内容的任何想法？谢谢！

JS 小提琴：http: //jsfiddle.net/3YCnW/

Answer 1

您可以使用display: block;和width: calc( 100% + 20px );...不需要 JS

见这里：http: //jsfiddle.net/3n1gm4/muFH3/

Answer 2

使用 Jquery，您可以这样做：

$(document).ready(function () {
  var w = $('div').width()+20+'px';
  $('div').css('width',w);
})

演示http://jsfiddle.net/H2enB/

并使用纯 Javascript

var w = document.getElementById('myDiv').offsetWidth + 20 +"px";
document.getElementById('myDiv').style.width = w;

演示http://jsfiddle.net/E9x95/5/

Answer 3

在 JavaScript 中：

var element = document.getElementById('my_element_id');

element.style.width = (parseInt(element.offsetWidth) + 20)+"px";