文档章节

div标签应用猜想

温暖的小明
 温暖的小明
发布于 2015/12/13 23:31
字数 294
阅读 6
收藏 0

已知<div></div>标签在html中起到划分区域块的作用,于是便有了以下的想法。

div标签在划分区域快的时候是依据height和width属性来建立大小属性。让我们在html文件的左上方建立一个二维坐标系xy0,则x与y的值便是相对于html文件开头的绝对坐标。当我们建立第一块div区域block00时,假若margin属性为0,则其起始坐标便是我们xy0坐标系的(0,0)点。以此第二块div区域block01,应用display:inline或者float属性后,其起始坐标便是(0+block00.x+block00.allborder,0)。由此衍生出了相对坐标系xy1,其对xy0的坐标为(0+block00.x+block00.allborder,0)。从而我们在设计的时候就可以在嵌套的时候把当前的块转行成绝对坐标,从而在脑海中有一个平面上的认知而不会出现块跑到未知区域的情景。

以上在设计一个html时需要不小的运算,那么有没有更简便可行的方法呢?



© 著作权归作者所有

共有 人打赏支持
温暖的小明
粉丝 4
博文 21
码字总数 7472
作品 0
程序员
私信 提问
Jquery easyui中tabs新建标签设置href会提交两次请求

Jquery easyui 1.2.4中tabs新建标签设置href会提交两次请求,这个问题应该说是个挺严重的bug,换用1.2.3版本就没有这个问题。猜想easyui是修改了panel的加载机制或缓存机制吧,总之在options...

乌鸦FB
2012/03/27
0
0
【前端盲点】DOM事件流论证CSS盒模型是否具有厚度

前言 很久没有扯淡了,我们今天来扯淡吧。 我今天思考了一个问题,我们页面的dom树到底是如何渲染的,而CSS盒模型与javascript是否有联系,于是便想到一个问题: CSS的盒模型具有厚度么???...

范大脚脚
2017/12/07
0
0
Bootstrap 标签页的实现(tab)

通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。 添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中...

易水寒丶开源
2015/09/21
115
0
Jquery Mobile-页脚的注意点

1.页脚的按钮:必须加上属性class="ui-btn-left"/right 在未添加之前的 界面是这样的: 2.带有标准图标的工具栏6:工具栏的按钮相当灵活,可以根据设备的宽度进行等间距的排放。 <div data-...

xiecheng
2012/08/13
0
0
weex使用过程中的那些坑

weex使用过程中的那些坑 点我达技术2017-12-251 阅读 webandroidiOS 前言:公司采用weex来开发项目骑手工程已经有3个多月了,目前在点我达骑手工程已有超过70%的页面向weex过度完成,期间也遇...

点我达技术
2017/12/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu16.04下安装docker

[TOC] 本文开发环境为Ubuntu 16.04 LTS 64位系统,通过apt的docker官方源安装最新的Docker CE(Community Edition),即Docker社区版,是开发人员和小型团队的理想选择。 1. 开始安装 1.1 由于...

豫华商
34分钟前
3
0
使用XShell工具密钥认证登录Linux系统

如果你是一名Linux运维,那么Linux服务器的系统安全问题,可能是你要考虑的,而系统登录方式有两种,密码和密钥。哪一种更加安全呢? 无疑是后者! 这里我为大家分享用Xshell利器使用密钥的方...

dragon_tech
46分钟前
1
0
day178-2018-12-15-英语流利阅读-待学习

“真蛛奶茶”了解一下?蜘蛛也会产奶了 Lala 2018-12-15 1.今日导读 “蛋白质含量是牛奶的 4 倍,并有着更低的脂肪和含糖量”,听起来诱人又美味的并不是羊奶或豆奶,而是你可能打死都想不到...

飞鱼说编程
51分钟前
9
0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents

场景重现 npm install --verbose 安装依赖的时,出现如下警告 强迫症患者表示不能接受 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):npm WARN......

taadis
56分钟前
2
0
OSChina 周六乱弹 —— 你一口我一口多咬一口是小狗

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文 :分享Roy Orbison的单曲《She's a Mystery to Me》 《She's a Mystery to Me》- Roy Orbison 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
378
6

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部