移动端尾部和头部固定

author author     2022-09-23     208

关键词:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        html,
        body {
            height: 100%;
        }
        
        .wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            height: 100%;
        }
        
        .header,
        .footer {
            height: 40px;
            line-height: 40px;
            background-color: #D8D8D8;
            text-align: center;
        }
        
        .main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 100%;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="header">header</div>
        <div class="main">
            弹性滚动区域
        </div>
        <div class="footer">footer</div>
    </div>

</body>

</html>

  

css头部和尾部固定,中间可以动态

1<template>2<divid="app">3<router-view/>45<divclass="dHeadlistlist-purposedTitle">6<transitionenter-active-class="animatedzoomInLeft"7leave-active-class="animatedzoomInRight 查看详情

table头部尾部固定;中间内容定高自适应滚动

table头部、尾部固定;中间内容定高自适应滚动很多时候,需要使用到表格做数据分析,不管是前端展现,还是后台管理系统节点展现工作过程中遇到了,作为一个小笔记,备忘!如下图所示---------------------------------------------------... 查看详情

div固定宽度和动态拉伸混合水平排列

1.效果图  2.源代码html<h2>1.头部固定,尾部拉伸</h2><divclass="container"id="div1"><divclass="head"></div><divclass="tail"></div></div><h2>2.尾部固定,头部拉伸&l 查看详情

androidlistview添加头部和尾部(代码片段)

ListView添加头部和尾部:头部布局:addHeaderView尾部布局:addFooterView使用java代码://添加头部finalViewheader=View.inflate(this,R.layout.layout_header,null);listView.addHeaderView(header);//添加尾部f 查看详情

iostableview不让头部和尾部跟随

-(void)scrollViewDidScroll:(UIScrollView*)scrollView{UITableView*tableview=(UITableView*)scrollView;CGFloatsectionHeaderHeight=AutoWHGetHeight(50);CGFloatsectionFooterHeight=AutoWHGetHeight(0);CGFloat 查看详情

双端队列

...随机访问任一个元素,并且能够高效地插入和删除容器的尾部元素。但它又与vector不同,deque支持高效插入和删除容器的头部元素,因此也叫做双端队列。deque,全名double-endedqueue)是一种具有队列和栈的性质的数据结构。双端队... 查看详情

python pandas同时选择头部和尾部

】pythonpandas同时选择头部和尾部【英文标题】:pythonpandasselectbothheadandtail【发布时间】:2017-07-1904:50:26【问题描述】:对于Pandas中的DataFrame,如何同时选择前5个值和后5个值?例如In[11]:dfOut[11]:ABC2012-11-290002012-11-301112012-12-012222012-... 查看详情

emacs使用笔记

C-httutorial [移动基本操作]C-fC-bC-pC-n前后上下C-vC-a行首C-e行尾C-a和C-e可以将光标移动到"一行"的头部和尾部。M-a和M-e则将光标移动到“一句”的头部和尾部。M-f向后移动一个单词M-b向前移动一个单词C-k删除C-v下一页M-v上一页M-<... 查看详情

我在做移动端时遇见的css问题

参考技术A关于css常见问题,大多是移动端的。简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用中文字符。css的标点用英文。条目编号后面紧跟英文字母的,要空一格,比如4.css,“4.”和“c... 查看详情

静态的html,怎么共用头部和尾部?

不要用那种iframe的.谢谢参考技术A用包含文件<!include--(+含有头代码的文件名)> 查看详情

可添加头部尾部recyclerview,很帅哦~

WrapRecyclerView是一个可以添加头部和尾部的RecyclerView,并且提供了一个WrapAdapter,它可以让你轻松为RecyclerView添加头部和尾部。 示例中轮转图使用了Android-LoopView,使用它你可以轻松实现轮转大图。是不是很心动?那么抓紧来staror... 查看详情

stl容器及适配器

...于一个动态数组中加以管理,可以随机存取元素。在数组尾部添加或删除元素非常快速,但是在中部或头部插入或删除元素比较耗时。deque“double-endedqueue”双端队列,可以随机存取。数组尾部或头部添加 查看详情

在R中结合头部和尾部方法

】在R中结合头部和尾部方法【英文标题】:combiningheadandtailmethodsinR【发布时间】:2012-07-2023:20:02【问题描述】:我经常使用R包utils中的head(d)和tail(d)方法——经常一个接一个。所以我为这两个函数写了一个简单的包装器:ht<-fu... 查看详情

markdown利用立即执行函数引入公共头部和尾部(代码片段)

查看详情

第32章项目实战-移动端流体布局5

第32章项目实战-移动端流体布局[5]学习要点:1.导航固顶2.三个栏目3.公司简介本章主要开始如果通过第一个PC端项目进行重构,设计成移动端可访问的页面,这个项目采用的是流体布局。一.导航固定由于移动设备屏幕高度较低... 查看详情

使用iframe的方式实现共用的头部和尾部页面(代码片段)

在前端开发中,有些页面的头部和尾部是一模一样的,如果我们每个页面都重新写一次,那样会很麻烦,这时候我们可以将头部和尾部提取出来,让所有的页面都可以复用头部和尾部,减轻我们的工作量。... 查看详情

按行读取文本文件的头部、尾部和向后

】按行读取文本文件的头部、尾部和向后【英文标题】:head,tailandbackwardreadbylinesofatextfile【发布时间】:2011-08-1906:13:31【问题描述】:如何在python中实现\'head\'和\'tail\'命令并通过文本文件的行向后读取?【问题讨论】:Readafilein... 查看详情

网站中公用头部与尾部

一、html  1. <iframesrc="1.html"frameborder="0"></iframe>  2. <embedsrc="1.html"/>二、写公用的js 文件,js中写字divde符串,然后在需要的页面适当位置引入公用的js.三、ajax动态拉取填充四、后端语言(inc 查看详情