Javascript 将父div宽度设置为与子div宽度相同时出现问题

我有以下标记：

<div class="head_title">
  <img src="/path/to/image.png">
  <h1 id="entryTitle">
    <!--Cufon Font-->
  </h1>
</div>

底层img元素包含父div的背景-我不想使用CSS background image属性，因为父div的宽度将不断变化，我不希望它切断静态背景图像

---

我尝试使用JavaScript的

outerWidth

和jQuery的

.css（“width”）

和

.width（）

方法，但似乎没有任何效果。

这些元素的宽度为0px，因为您将

float:left

属性指定给了

div.head\u title

。由于此浮点定义，div不会延伸到全宽

图像的宽度为100%，100%的零仍然为零。h1元素是绝对定位的，因此该元素也不会增加宽度

---

要增加

div.head\u title

的宽度，您必须指定宽度（

宽度：！00%

，例如），或删除float属性。

或者您也可以这样做

<div class="head_title">
  <img src="/path/to/image.png">
  <h1 id="entryTitle">
    <!--Cufon Font-->
  </h1>
</div>

.head_title{
    float: left;
    position:relative;height:40px;
}
.head_title img {
    position:absolute;top:0;left:0;z-index:-1; width: 100%; height: 100%;
}
.head_title h1{color:#999;padding:0 0 0 5px;}

.标题{
浮动：左；
位置：相对；高度：40px；
}
.总经理职务{
位置：绝对；顶部：0；左侧：0；z指数：-1；宽度：100%；高度：100%；
}
.head_title h1{颜色：#999；填充：0 5px；}

---

你能不能不拉伸背景图像？此外，如果参考底图位于流体容器中，如何处理溢出？基本上我的意思是；就用户界面而言，任何可以通过参考底图获得的功能都可以通过后台属性实现。在

.head\u title{display:block；}

中没有任何意义，因为div无论如何都是块。基本上，

height

不适用于简单的

block

。它必须是

内联块

。所以您希望img作为h1的背景？你在切psd什么的吗？如果你提供一些截图或草图，你会马上得到答案。目前这个问题还不是很清楚，你的代码只会让事情变得更复杂。而且你提供的有限信息很难调试你的代码。父DIV为

float:left它（不被其他元素或样式修改）将保持尽可能小的宽度。是的，我正在切片PSD并为站点蒙皮。感谢您提供有关显示的提示：块和浮点属性您对浮点的看法是正确的。我删除了float属性，将
h1
元素的宽度设置为“auto”，并使用jQuery的width（）手动设置
div.head\u标题的宽度。
<div class="head_title">
  <img src="/path/to/image.png">
  <h1 id="entryTitle">
    <!--Cufon Font-->
  </h1>
</div>

.head_title{
    float: left;
    position:relative;height:40px;
}
.head_title img {
    position:absolute;top:0;left:0;z-index:-1; width: 100%; height: 100%;
}
.head_title h1{color:#999;padding:0 0 0 5px;}