Div 没有扩展到最大宽度答案

【问题标题】：Div does not expand to maximum widthDiv 没有扩展到最大宽度
【发布时间】：2009-10-02 00:43:29
【问题描述】：

我有以下 css 类：

.CtractLabel
{
    font-weight:bold;
    padding: 2px;
    text-align:left;
    /* width:120px; */
    width:150px;
    float:left;
    border-bottom:solid 1px #aaaaaa;
    border-right:solid 1px #aaaaaa;
    background: white url('../Images/GridHeaderBg.gif') repeat-x bottom;
}

在我的页面上，我有一个文本小于 150 像素的 div。但是，div 不会扩展到 150px，而是围绕文本收缩。有没有办法强制 div 精确到 150px 而不管 div 中文本的长度如何？

【问题讨论】：

您提供的 CSS sn-p 在空白文档中似乎可以正常工作，只有该定义应用于某些 DIV。你能提供更多信息吗？您正在测试哪些浏览器，是否还有其他可能修改 DIV 的样式？
那个 div 的父容器是什么样子的？

标签： css html

【解决方案1】：

div 元素的默认宽度是auto，这会导致它水平占用所有可用空间。

如果您没有得到这种行为，可能有一些原因：

您已将其设为浮动元素。
您以某种方式指定了它的宽度，也许是间接的。
您有一些其他元素占用空间。

要确切了解 CSS 应用于元素的确切位置以及元素的确切位置，您可以使用 Firefox 中的 FireBug 插件。

【讨论】：