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;
}

На моей странице есть div с текстом размером менее 150 пикселей. Тем не менее, div не расширяется до 150px, а сокращается вокруг текста. Есть ли способ заставить div быть точно 150px независимо от длины текста в div?

Answer 1

Значение по умолчанию для ширины элемента div равно auto, что заставляет его занимать все доступное пространство по горизонтали.

Если вы не получаете такое поведение, есть несколько возможных причин:

• Вы сделали это плавающим элементом.
• Вы указали ширину для нее как-то, возможно, косвенно.
• У вас есть другой элемент, занимающий место.

Чтобы увидеть, что именно CSS применяется к элементу и где именно элементы, вы можете использовать плагин FireBug в Firefox.