css - Div 不会扩展到最大宽度

Question

我有以下 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 中文本的长度？

Answer 1

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

如果您没有遇到此行为，可能有以下原因:

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

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