我的页面上有4个div。我想把这4个div放在底部,即使有滚动条,这些div也会保持在底部。
这是我的HTML代码:
<div id="content">
1) Lorum Ipsum Dolor Sit Amet<br />
Lorum Ipsum Dolor Sit <br />
Lorum Ipsum Dolor Sit <br />
Lorum Ipsum Dolor Sit <br />
Lorum Ipsum Dolor Sit <br />
Lorum Ipsum Dolor Sit <br />
Lorum Ipsum Dolor Sit <br />
Long Dummy content.
</div>
<div class="footerdiv">Footer - scroll 1</div>
<div class="footerdiv">Footer - scroll2</div>
<div class="footerdiv">Footer - scroll 3</div>
<div class="footerdiv">Footer - scroll4</div>
我的CSS
.footerdiv {
position: fixed;
bottom: 0;
width: 100px;
}
它将我的div设置在底部,但所有底部的div都会重叠。
我想要将它们并排显示,并保持4个div在底部。