文档章节

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
现在就开始使用HTML5的十大原因

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

红薯
2012/03/11
3.9K
15
Bootstrap 标签页的实现(tab)

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

易水寒丶开源
2015/09/21
115
0
weex使用过程中的那些坑

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

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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

异步化,高并发大杀器

今天来聊聊如何让项目异步化的一些事。 在进入正文之前,顺便给大家推荐一个Java架构方面的交流学习群:698581634,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分...

Java大蜗牛
13分钟前
0
0
织梦dedecms安全设置

网站本身做好防范: 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/admi...

雨季2014
13分钟前
0
0
完美Python入门基础知识点总结,看完你的Python就完全入门了!

Python标识符 在 Python 里,标识符有字母、数字、下划线组成。 在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。 Python 中的标识符是区分大小写的。 以下划线...

糖宝lsh
20分钟前
0
0
Java关于前后台传输中文乱码以及Excel下载乱码解决

针对乱码,一般情况是前后台以及中间件编码格式不同导致.故需要保证编码格式相同即可. 1.前台页面格式指定,这里用的是jsp,故需要将pageEncoding指定为"UTF-8" 2.指定服务器编码格式,比如用的t...

勤奋的蚂蚁
22分钟前
0
0
Flutter组件 - Flexible

Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。 Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平方向,Column在垂直方向),但是...

一箭落旄头
25分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部