Div не расширяется до максимальной ширины

У меня есть следующий класс CSS:Div не расширяется до максимальной ширины

.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 с текстом, который меньше, чем 150px. Однако div не расширяется до 150px, а заключает контракты вокруг текста. Есть ли способ заставить div быть ровно 150 пикселей независимо от длины текста в div?

источник

2009-10-01 laconicdev

Фрагмент CSS, который вы предоставили, отлично работает в пустом документе, и только это определение применяется к некоторым DIV. Можете ли вы предоставить дополнительную информацию? Какие браузеры вы тестируете, и есть ли у вас какие-либо другие стили, которые могут также изменить DIV? – meklarian

Как выглядит родительский контейнер этого div? – 2009-10-01 16:19:51

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

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

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

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

источник

2009-10-01 16:43:29 Guffa

Div не расширяется до максимальной ширины

ответ

Смежные вопросы