获取div元素的宽度

Question

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 中绘制背景图像。

Answer 1

如果您熟悉 jQuery，则可以使用

$("#postanad").width().

Answer 2

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

document.getElementById('div_id').clientWidth;

欲了解更多可能性，请查看此处。

Answer 3

CSS 不是一种“编程语言”。您无法真正做出决策、收集数据或操作该语言未设计的任何功能。如果你想做到这一点，javascript 是你最好的选择。

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

Answer 4

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

width

和

height

或者，另一种 CSS 方式是：

你还可以在div上放一个背景（如

background: red;

），截图并粘贴到PS中看看它有多大。

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

祝你好运！

Answer 5

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