所属专栏:前端只因变凤凰之路
作者简介:rchjr——五带信管菜只因一枚
前言:该系列将持续更新前端的相关学习笔记,欢迎和我一样的小白订阅,一起学习共同进步~
文章简介:本文介绍常见4个布局技巧。知识学习内容来自b站的@黑马程序员的视频
应用
可以为右边的块设置margin-left为-1,这样就实现''1+1=1''的效果
Document
- 2
- 2
- 2
- 2
- 2
只要让块元素选中时提高层级即可(如果盒子没有定位,则鼠标经过添加相对定位即可;都有定位则用z-index提高层级)
Document
- 2
- 2
- 2
- 2
- 2
如何实现上述效果呢?我们只需要给图片添加一个浮动效果,文字就会自动围绕它浮动
Document
【介绍】左边的是诗人李白
右边的文字是不需要添加浮动什么的
Document
Document
¥1650
¥5660