获取div元素的宽度答案

【问题标题】：getting width of a div element获取div元素的宽度
【发布时间】：2011-06-08 12:33:31
【问题描述】：

HTML：

<a id="postanad"  href="postad.php">Make a Post</a>

CSS：

#header #postanad {
    position: absolute;
    top: 50px;
    left: 250px ;
    background: #000 url(postad.gif) repeat-x 0% 100%;    
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px;


}

如何确定 div 元素采用的像素/em 大小，以便我可以使背景图像 postad.gif 具有相同的宽度？

为了清楚，我不想动态确定宽度，只是想知道它占用了多少空间，以便我可以在 PS 中绘制背景图像。

【问题讨论】：

每个客户的设置都不同。

标签： css width

【解决方案1】：

如果有人只想使用简单的 javascript 获取 div 的宽度：

document.getElementById('div_id').clientWidth;

更多可能性请查看here。

【讨论】：

【解决方案2】：

jQuery 方式，就像@orthod0ks 所说的那样，是使用 width() 函数。 CSS 方式是声明width 和height

或者，另一种 CSS 方式是：

你也可以在div上放个背景（比如background: red;），截图，粘贴到PS里看看有多大。

最后，Firefox 有一个名为 (MeasureIt) 的插件。它对于根据像素确定事物的大小非常有用。因此，如果这两种解决方案都不适合您，您应该考虑一下。

祝你好运！

【讨论】：

【解决方案3】：

有问题的 div 是否正在动态重绘？因为如果没有，最简单的方法就是在#header #postanad 样式中设置高度和宽度。

【讨论】：

【解决方案4】：

CSS 不是“编程语言”。您无法真正做出决策、收集数据或操作该语言不适合做的任何事情。如果您想这样做，javascript 是您的最佳选择。

您到底希望背景发生什么？如果我们了解您的要求，我们或许可以帮助您获得纯 CSS 解决方案。

【讨论】：

虽然它似乎允许变量的概念
你可以用calc操作宽度值得到一个数字

【解决方案5】：

如果您对 jQuery 感到满意，您可以使用 $("#postanad").width()。

【讨论】：