移动端布局上下固定中间自适应，主要运用的css为flex。
通过flex的属性flex:1; 实现中间区域拉伸，得到自适应效果。
发表日期： 2020-10-11 08:34:49 浏览次数：146
徐州市泉山区北沟镇公司网页制作、徐州市新沂市时集镇制作企业网站、徐州市新沂市高流镇高端网站建设、徐州市新沂市阿湖镇竞价托管公司、徐州市新沂市双塘镇网站推广、徐州市邳州市运河镇公众号开发
徐州，简称“徐”，古称彭城，是江苏省地级市，国务院批复确定的国家历史文化名城，全国性综合交通枢纽，淮海经济区中心城市。截至2019年，徐州下辖5个市辖区、3个县、2个县级市，总面积11258平方千米 ，常住人口882.56万人。
徐州地处华北平原东南部、江苏省西北部，京杭大运河穿境而过，陇海铁路、京沪铁路两大干线在此交汇，素有“五省通衢"之称。徐州是华东重要门户城市，华东地区重要的经济、科教、文化、金融、医疗和对外贸易中心，也是国家“一带一路”重要节点城市、长三角北翼重要中心城市 ，徐州都市圈核心城市，国际新能源基地，有“中国工程机械之都”的美誉。
原始社会末期，帝尧时彭祖建大彭氏国，是江苏境内最早出现的城邑。徐州历史上为华夏九州之一 ，自古便是北国锁钥、南国门户、兵家必争之地和商贾云集中心，也是淮海地区的政治、经济、文化中心。徐州有超过6000年的文明史和2600年的建城史，是著名的帝王之乡，有“九朝帝王徐州籍”之说。徐州是两汉文化的发源地，有“彭祖故国、刘邦故里、项羽故都”之称，因其拥有大量文化遗产、名胜古迹和深厚的历史底蕴，也被称作“东方雅典”。
徐州属温带季风气候，四季分明，有云龙湖、云龙山、彭祖园、楚王陵、潘安湖、大龙湖、窑湾古镇等旅游景点，有彭祖、刘邦、孙权、李煜等历史名人。徐州先后获得中国优秀旅游城市、全国文明城市、联合国人居奖等称号。2021年5月，第十三届中国（徐州）国际园林博览会将在徐州举办，展期6个月。
移动端布局上下固定中间自适应，主要运用的css为flex。
通过flex的属性flex:1; 实现中间区域拉伸，得到自适应效果。
第一步：定义主体结构
定义一个div中包含三个小div
大div样式：
display: flex;
flex-direction:column;
第二步：上下固定
顶部与底部样式 固定定位 position:fixed;
顶部top: 0px;
底部bottom: 0px;
第三步：中间自适应
中间自适应区域样式
flex:1;
overflow: scroll;
第四步：要在样式表中添加 html,body{height:100%;}
原因：让中间区域有个高度可以继承
第五步：完整代码
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度经验</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
html,body{height:100%;}
body{
font-family: 微软雅黑;
background-color: #f4f4f4;
}
.demon{
display: flex;
flex-direction:column;
height: 100%;
}
.fixed{
width: 100%;
line-height: 45px;
font-size: 16px;
background-color: #0088ee;
color: #fff;
text-align: center;
position: fixed;
}
.fixTop{
top: 0px;
}
.fixBottom{
bottom: 0px;
}
.container2{
flex:1;
margin: 55px 10px ;
background-color: #fff;
overflow: scroll;
}
</style>
</head>
<body >
<div>
<div class="fixed fixTop">
<span>顶部文字</span>
</div>
<div>
<p>hahaha</p>
</div>
<div class="fixed fixBottom">
<span>底部文字</span>
</div>
</div>
</body>
</html>
继印度之后，TikTok，中国出海最为成功的 App，又被另外一个国家封禁了。
这一回，是印度的老邻居和老对头，巴基斯坦。
揭秘巴基斯坦封杀 TikTok 的另一面：3G/4G 太落后，喜欢用中国手机，力挺华为
是的，你没有看错，就是那个中国人民称之为 "巴铁" 的巴基斯坦。
基于中国和巴基斯坦两国的关系，这听起来也许有点不可思议——但是，TikTok 在巴基斯坦被封，的确是事实，而且有着确切的原因。
目前，TikTok 已经做出了回应。
徐州市泉山区北沟镇公司网页制作、徐州市新沂市时集镇制作企业网站、徐州市新沂市高流镇高端网站建设、徐州市新沂市阿湖镇竞价托管公司、徐州市新沂市双塘镇网站推广、徐州市邳州市运河镇公众号开发
