文档章节

div标签应用猜想

温暖的小明
 温暖的小明
发布于 2015/12/13 23:31
字数 294
阅读 4
收藏 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
博文 19
码字总数 7002
作品 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
现在就开始使用HTML5的十大原因

本文转载自GBin1.com。 你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的...

红薯
2012/03/11
3.9K
15
weex使用过程中的那些坑

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

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

没有更多内容

加载失败,请刷新页面

加载更多

Shell特殊符号总结以及cut,sort,wc,uniq,tee,tr,split命令

特殊符号总结一 * 任意个任意字符 ? 任意一个字符 # 注释字符 \ 脱义字符 | 管道符 # #号后的备注被忽略[root@centos01 ~]# ls a.txt # 备注 a.txt[root@centos01 ~]# a=1[root@centos01...

野雪球
59分钟前
2
0
OSChina 周二乱弹 —— 程序员圣衣

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享Skeeter Davis的单曲《The End of the World》 《The End of the World》- Skeeter Davis 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
5
0
[ python import module ] 导入模块

import moudle_name ----> import module_name.py ---> import module_name.py文件路径 -----> sys.path (这里进行查找文件) # from app.web import Personimport app.web.Person as Pe......

_______-
昨天
4
0
Redis性能问题排查解决手册

一、性能相关的数据指标 通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。 nfo命令输出的数据可...

IT--小哥
昨天
2
0
mixin混入

①新建mixin.js文件 const mixin = { methods: { /** * 分页公共方法 */ handleSizeChange(val) { this.pageData.size = val; this.query(); }, hand......

不负好时光
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部