Как сделать div расширяемым с помощью контента при настройке свойства min height в CSS

Question

Я создал главную страницу в asp.net, которая на данный момент не имеет серверного контроля. Я использовал div везде, а не в таблице. Сейчас на странице нет ни одной таблицы. Теперь, когда я попытался использовать эту главную страницу на других страницах, я обнаружил, что раздел div, в котором содержалось основное содержимое страницы, не расширяется, так как содержимое растет, а содержимое переполняется другими разделами.

Есть ли у нас какой-нибудь способ сделать div расширяемым с фиксированной минимальной высотой. Т.е., если содержимое меньше минимальной установленной высоты, области должны отображаться с минимальной высотой, которая была установлена ​​в противном случае, если содержание превышает минимальную высоту, тогда высота начинает расти со страницей.

Как мы можем это сделать. Это мой сайт , где я хочу сделать о нас и связаться с нами, чтобы страница была расширяемой.

Вы можете найти css с именем style.css на сайте.

Answer 1

Попробуйте это css:

div {
    min-height: 100px;
    overflow: hidden;
}

Это overflow: hidden это, так сказать, css-хак.Может быть, это поможет вам здесь ...

Answer 2

По умолчанию div будет расширяться за пределы размера, указанного с помощью свойства CSS min-height. Я предполагаю, что вы смотрите не на то, что является причиной этой проблемы. Для вашей информации IE6, я считаю, игнорирует свойство min-height и будет уменьшаться до размера его содержимого, даже если размер содержимого меньше указанной min-height.

---

UPDATE:

Когда вы обнаруживаете браузер с упомянутой выше проблемой (например, Internet Explorer 6), используйте JavaScript, чтобы измерить высоту DIV оболочки, используя его offsetHeight, а затем вычтите это значение из минимальной высоты. Если значение положительное, установите для стиля style.height значение минимальной высоты.