![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局方式
文章平均质量分 81
薛中然
向着光亮的地方
展开
-
圣杯布局
圣杯布局1.设置基本样式为了高度保持一致给left main right都加上min-height:130px。2.圣杯布局是一种相对布局,首先设置父元素container的位置: 实现效果是左右分别空出200px和300px区域,效果如图:3.将主体部分的三个子元素都设置左浮动出现了如下情况,怎么办,别着急慢慢来:4.设置main宽度为width:100%,让其单独占满一行5.设置left和...转载 2018-06-21 17:05:56 · 152 阅读 · 0 评论 -
flex布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-21 17:41:52 · 278 阅读 · 0 评论 -
flex布局小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-21 18:10:28 · 1087 阅读 · 0 评论 -
flex布局之模拟支付宝首页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-原创 2018-06-26 18:12:08 · 508 阅读 · 0 评论 -
FullPage应用
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>全屏/整屏滚动组件fullPage演示-垂直滚动_dowebok</title><style>body, div, p { margi原创 2018-06-26 19:07:14 · 211 阅读 · 0 评论