文档章节

overflow属性在app前端开发的个人应用

军临天下1
 军临天下1
发布于 2016/04/19 21:44
字数 302
阅读 14
收藏 0
 <head>
    <meta name="viewport" content="width=640,userscalable=no/">
    <meta charset="UTF-8">
    <title>咖啡</title>

    <link rel="stylesheet" type="text/css" href="../css/ks.css"/>
</head>
<body>
<div class="u1">外卖</div>
<div class="u">
<div class="u2">四个小div位置</div>

<div class="u3">第一个咖啡位置</div>
<div class="u4">第二个咖啡位置</div>
<div class="u5">第三个咖啡位置</div>
<div class="u6">第四个咖啡位置</div>
</div>
<div class="u7">支付那栏的位置</div>
</body>
body{margin:0;padding:0;}
.u1{
    width: 640px;
    height: 125px;
    background-color: saddlebrown;
    margin-bottom: 10px;
}
.u2{
    width:640px;
    height:65px;
    background-color: aqua;
    margin-bottom: 10px;
}
.u3,.u5{
    width: 300px;
    margin-left:17px;
    margin-right:3px;
    height:370px;
    background-color: burlywood;
    float:left;
    margin-bottom: 10px;
}
.u4,.u6{
    width: 300px;
    margin-left:3px;
    margin-right:17px;
    height:370px;
    background-color: red;
    float:left;
    margin-bottom: 10px;
}
.u7{
    width: 640px;
    height: 115px;
    background-color: crimson;
    float: left;
}
.u{
    overflow: auto;
    width: 640px;
    height: 400px;
}

© 著作权归作者所有

上一篇: 今日进度
下一篇: 今日总结
军临天下1
粉丝 1
博文 3
码字总数 1482
作品 0
唐山
私信 提问
移动端开发——关于局部区域滚动总结 | 实战系列

在移动端开发的时候经常会碰到区域滚动的需求,当然实现起来也是非常简单的,给需要滚动的元素定高然后添加一个自然就可以滚动了,但是添加这个属性之后,使用chrome或者其他浏览器工具调试时...

广州芦苇科技web前端
01/02
0
0
小程序风已经吹到了硅谷!Snapchat 程序员也在赶这波「开发潮」

微信、支付宝、百度、头条都做了小程序,有赖于这些大公司对小程序的青睐有加,好几个小程序企业融资了一轮又一轮,国内千军万马的程序员、运营者都杀了进来。 但小程序的影响力也不只限于国...

IT智云编程
2018/10/26
0
0
移动端开发——关于局部区域滚动总结---实战系列

在移动端开发的时候经常会碰到区域滚动的需求,当然实现起来也是非常简单的,给需要滚动的元素定高然后添加一个自然就可以滚动了,但是添加这个属性之后,使用chrome或者其他浏览器工具调试时...

广州芦苇科技web前端
01/14
12
0
-webkit-overflow-scrolling: touch导致Native滚动时出现黑色背景

CSS3 的 -webkit-overflow-scrolling: touch 可以让页面在Native端滚动时模拟原生的弹性滚动效果。 项目开发中用到该属性,但导致Native端在弹性滚动到边界时出现一个黑色背景的VIEW。 查了一...

光膀环腰
2015/11/04
0
0
站在一个前端的角度了解app里使用的webview

移动应用开发模式 现在的移动应用开发模式有3种: : 本地应用程序(原生App) :网页应用程序(移动web) :混合应用程序(混合App) 现在越来越多的app采用混合模式开发(),既有原生app...

九酒
02/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
7
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
4
0
mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
昨天
10
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
昨天
9
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部