Как установить нижний колонтитул внизу?

Question

Ниже мой код

HTML:

<div id="content"> 
<div id="A"> 
A 
</div> 
<div id="B"> 
B 
</div> 
</div> 
<div id="footer"> 
    footer 
</div> 

CSS:

#content{ 
    width:600px; 
} 
#A{ 
    position:relative; 
    float:left; 
    background:#0000ff; 
    width:300px; 
    height:600px; 
} 
#B{ 
    position:relative; 
    float:right; 
    background:#00ff00; 
    width:300px; 
    height:100px; 
} 
#footer{ 
    background:#ff0000; 
} 

Я хочу установить колонтитул в нижней части, но сноска только под сНом В.

когда Я использую float: left для нижнего колонтитула, хотя нижний колонтитул внизу, мне нужно установить ширину для нижнего колонтитула, но я хочу, чтобы ширина подвала была равна ширине окна браузера.

то как я могу установить нижний колонтитул внизу и установить ширину нижнего колонтитула равную ширине окна браузера? любое предложение оценено.

Answer 1

Вы можете добавить очищающий элемент позади контента дел. Этот элемент должен очистить плавающий (очистить: оба), чтобы нижний колонтитул появился внизу.

редактирования: Взгляните here

Answer 2

CSS Sticky Footer