このコード:
<div id="columns">
text
</div>
<div id="columns">
text
</div>
<div id="columns">
text
</div>
このcssでコーディングされています:
#columns {
width: 200px;
float: left;
margin-left: 20px;
margin-right: 20px;
}
問題は、作成した 3 つの列の下にテキストを配置すると、別の列が追加されることです。フッターをこれらの列の下に配置したいのですが、これを設定することによってのみこれを行うことができます:
footer {
/*height: 50px;*/
text-align: center;
position:absolute;
bottom:0;
}
そして、これはページを長くするだけです。つまり、このコンテンツとフッターの間に大きなギャップができます。解決策はありますか?
ありがとう