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

html-css08

如何用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{background:url(图片地址) center 70px no-repeat}

要么加个div,例: <div style="margin:70px auto 0pxwidth:背景图的宽pxheight:背景图的高pxbackground:url(图片地址) center 70px no-repeat"></div>

想要div css 文字离顶部距15px的效果非常简单。方法也有很多,可以直接改变文字的样式属性,也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。以下演示具体步骤:

1、打开HTML文件编辑器,新建一个HTML文件,先添加HTML文件的基本标签元素。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

3、接下来给div元素添加样式属性,这里同过行内式的方法添加属性,也可以通过行外式,外部式都可以。其中核心代码是:padding-top:15px。

4、保存后运行,效果如图: