摘要: 拉勾网移动端网页模拟 样式如图 下滑后是这样: 实现了底部固定,其余部分自适应,用到了flex弹性 和流式布局 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2021-06-27 23:20 心懒了♀麻木来了 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 小案例,中间实现左右自适应利用flex的特性 <style> *{margin: 0;padding: 0;} #main{display: flex;} #l,#r{width: 200px;height: 200px;background: red;} #center{flex: 1;heigh 阅读全文
posted @ 2021-06-27 15:20 心懒了♀麻木来了 阅读(28) 评论(0) 推荐(0) 编辑