如何用css将底部的内容定位到顶部

html-css011

如何用css将底部的内容定位到顶部,第1张

将底部的内容定位到顶部,只要在css层上面加上一个浮动,将定位至top设置成0即可。说明如下:

position:absolute(将对象浮动)

top:0(将对象定位对顶部)

整体css示范如下:

<div style="position:absolute top:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容顶部</div>

如要将内容放至底部,只需将top:0修改成bottom:0即可,整体css未范如下:

<div style="position:absolute bottom:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容底部</div>

希望我的回答能令你满意!

你好!

给body加个父级属性,给bottom加个子级属性。然后设置bottom定位位置底部。

例如body{position:relative}

.bottom:{position:absolutebottom:0}

希望对你有所帮助,望采纳。