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";