摘要: 效果图展示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> 阅读全文
posted @ 2021-04-17 17:26 爱吃码饼的小强 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 效果如图: 不多说,直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2021-04-17 15:46 爱吃码饼的小强 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 情景:当有几个元素上下排放在一起,你想调动其中的元素。例如下面有三个盒子你想使中间的盒子移动至第一个盒子右边。如果使用margin可能会比较麻烦,使用浮动可能会更麻烦,会产生更多的问题。那我们该怎么办呢? 这时候我们就要使用定位了 1.定位 定位(position) - 定位是一种更加高级布局手段 阅读全文
posted @ 2021-04-14 22:43 爱吃码饼的小强 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 小萌新刚刚入坑博客园,笔记可能并不是很完美,如有不足之处,还望各位指出,小弟必定铭记 下面是因为浮动而造成的高度坍塌 1.高度坍塌 高度坍塌的问题: 在浮动布局中,父元素的高度默认是被子元素撑开的, 当子元素浮动后,其会完全脱离文档流,子元素从文档流中脱离 将会无法撑起父元素的高度,导致父元素的高度 阅读全文
posted @ 2021-04-13 23:05 爱吃码饼的小强 阅读(124) 评论(0) 推荐(0) 编辑