Как я могу разместить свой div внизу контейнера?

На самом деле, принятый ответ div-layouts @User будет работать, только html5 если окно высокое, а содержимое html короткое. Но если контент webpage высокий, а окно короткое, он max-height поместит информацию об авторских css правах поверх содержимого css3 страницы, а затем прокрутка css вниз, чтобы увидеть содержимое, оставит min-height вам плавающее уведомление css-classes об авторских правах. Это min-height делает это решение бесполезным min-height для большинства страниц (например, этой html-tag страницы).

Наиболее распространенный min-height способ сделать это - продемонстрированный css3 подход "липкого нижнего колонтитула div-layouts CSS" или его немного более html5 узкий вариант. Этот подход div отлично работает - ЕСЛИ у max-height вас есть нижний колонтитул divs фиксированной высоты.

Если css вам нужен нижний колонтитул min-height переменной высоты, который box-shadow будет отображаться внизу span окна, если содержимое слишком div короткое, и внизу содержимого, если css окно слишком короткое, что div-layouts вы делаете?

Проглотите свою span гордость и воспользуйтесь inline-block столом.

Например:

* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
}

#container {
    height: 100%;
    border-collapse: collapse;
}

    

        

            

                
Lorem ipsum, etc.
            
        
        

            

                
Copyright some evil company...
            
        
    

Попробуйте html сами. Это будет работать box-shadow для любого размера окна, для webpage любого количества контента, для max-height нижнего колонтитула любого div-layouts размера, в любом браузере div ... даже IE6.

Если вас пугает html5 мысль об использовании таблицы div-layouts для разметки, спросите себя, почему. CSS max-width должен был облегчить нашу div-layouts жизнь - и в целом это произошло css-layout - но факт в том, что даже css-classes после всех этих лет это все html еще сломанный, противоречащий html-tag интуиции беспорядок. Он не min-height может решить все проблемы. Это span неполно.

Таблицы - это не min-height круто, но, по крайней мере, на max-height данный момент, они иногда div-layouts являются лучшим способом css3 решения дизайнерской проблемы.