div里想把a元素定位在右下放、除了定位还有办法吗
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div里想把a元素定位在右下放、除了定位还有办法吗相关的知识,希望对你有一定的参考价值。
参考技术A 1、在body内添加div标签2、设置div位置属性为绝对(absolute),设置div的高度、宽度
3、在div标签内添加a标签,设置a的属性
4、具体代码如下:
<body>
<div style=" position:absolute; width:100px; height:20px; background:red;"><a >abcdefghijklmnopqrstuvwxyz</a></div>
</body>追问
您好、我写的问题不好、您误会我的意思
我是需要把a标签定位在div右下方、而不采用定位、还有别的方法吗
相对定位与绝对定位联合使用
使用相对定位可以很方便的原来的位置上,移动一下,但是又会占用原来的位置,后面的内容接不上来 。
有时候,希望一个元素在原来的位置上,移动一下,但是又不占用位置,这个时候,就需要绝对定位和相对定位组合使用了。
1. 首先对一个div(d1)使用相对定位在当前的位置上,但是什么内容都不放。
2. 然后,在这个div(d1)里放一个绝对定位的div(d2),因为绝对定位是一其定位了的父容器来调整位置的,所以就会在这个相对定位的div(d1)的基础上调整位置,看上去就是在原来的基础上调整了位置,并且还不占用坑
<style> div.r{ position: relative; left: 0; top: 0; } div.a{ position: absolute; left: 150px; top: 0px; } </style> <p>正常文字1</p> <p>正常文字2</p> <div class="r"> <div class="a">相对定位的文字3(不占坑)</div> </div> <p>正常文字4</p> <p>正常文字5</p>
以上是关于div里想把a元素定位在右下放、除了定位还有办法吗的主要内容,如果未能解决你的问题,请参考以下文章