父元素设置为相对定位，那么定位参考对象就是父元素，然后将bottom属性值设置为0px，这样就定位div的底部了。
成都创新互联公司2013年开创至今，先为灵璧等服务建站，灵璧等地企业，进行企业商务咨询服务。为灵璧企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
其中static（静态定位）是默认值，即所有的元素如果不设置其他的position值，它的position值就是static，有它跟没有它一样。就不多介绍了。相对定位relative可以用一个例子很轻松的演示出来。
将文本放置于span元素之内，然后设置span元素为绝对定位，将其定于box元素底部即可。box元素要要采用相对定位，这样span元素的定位参考对象才能够是box元素。
1、先看一个没有使用定位的代码实例：蚂蚁部落.parent{ width：200px； height：200px； border：1px solid red； margin：30px；}.children{ width：100px； height：100px； background-color：green；} 代码运行如我们所预期。
2、定位方案有四种：静态定位、相对定位、绝对定位和固定定位。你可以使用CSS 3中的「position」属性来决定要使用的定位方式。
3、css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
4、相对定位（relative）意思：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
1、CSS中，定位是通过定位属性来实现的，包括三种常用的定位：相对定位、绝对定位和固定定位。 相对定位（position： relative）：相对定位是相对于元素本身原有位置的定位方式。
2、你可以让span相对于div来定位啊，这样就不用管input的长度和位置了。当然，input也要通过设置text-indent来给span腾出位置。
3、css绝对定位使你能精确地定位要素在页面的 独立位置，而不考虑页面其它要素的定位 设置。相对定位指你所定位的要素的位置相对于 它在文件中所分配的位置。
相对定位（relative）意思：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
css中的绝对定位，意思就是把元素的左上角固定到浏览器窗口的某个指定的唯一的坐标点上。css中的相对定位，意思是是相对于上一个相对定位的，总是相对于前面的同级标签为基准标签。不管是什么定位都需要有一个参照物。
CSS相对定位的参考对象是哪个： 既然是定位，那么肯定有一个参考对象作为参考，否则就无法使用top、left、bottom和right属性。 下面简单介绍一下绝对定位对象的参考对象。
css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
定位方案有四种：静态定位、相对定位、绝对定位和固定定位。你可以使用CSS 3中的「position」属性来决定要使用的定位方式。