怎么才能把红色箭头所指的地方,挪到绿色箭头所指的地方


最直接也是前端开发经常使用的方法有这些:

  1. 将图片设置为背景,列表做内容填充,这是最快速解决方法
  2. 利用元素浮动及边距
  3. 通过相对定位及绝对定位实现
  4. ...

当然实现方法不止这些,想学习前端知识,了解更多前端资讯欢迎关注公众号「一郭鲜」,学习前端不迷路


绝对定位,position: absolute;


我知道的有四种方法


关注我,我就告诉你,前端问题都可以问。


定位,负margin,图片作为背景,都可以


浮动 或者定位


1图片变成背景图片

2给列表加定位

3加浮动


这个主要是使用到css中定位的知识点,建议去学习一下,css中的常用定位

  1. 固定定位
  2. 相对定位
  3. 绝对定位

掌握每个定位的特点,以及定位之间的配合使用。一般情况下,相对定位和绝对定位是配合使用的。给元素添加了绝对定位一般都会给添加绝对定位的元素添加相对定位。叫做「子绝父相」。下面用代码写一个案例,供你参考。

1、html代码及分析

html代码分析

2、css代码及分析

css代码分析

3、效果展示

效果展示

由效果可知,ul中的内容已经定位到了图片的右下角位置。


推荐阅读:
相关文章