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，这会导致它以水平方式占用所有可用空间。

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

你已经把它变成了浮动元素。
你已经为它指定了一个宽度，也许是间接的。
你还有其他一些元素占用空间。

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

Div不会扩展到最大宽度

1 个答案: