文档章节

div标签应用猜想

温暖的小明
 温暖的小明
发布于 2015/12/13 23:31
字数 294
阅读 4
收藏 0
点赞 0
评论 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
博文 18
码字总数 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

【前端盲点】DOM事件流论证CSS盒模型是否具有厚度

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

范大脚脚 ⋅ 2017/12/07 ⋅ 0

为啥使用HTML5

你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一 次重大的改变,事实上...

王大少 ⋅ 2014/09/14 ⋅ 0

Bootstrap 标签页的实现(tab)

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

易水寒丶开源 ⋅ 2015/09/21 ⋅ 0

现在就开始使用HTML5的十大原因

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

红薯 ⋅ 2012/03/11 ⋅ 15

weex使用过程中的那些坑

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

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

深入理解html5标签

文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所...

东辉在线 ⋅ 2015/04/13 ⋅ 0

前端CSS基础

1、css简介   层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以...

炫维 ⋅ 2017/10/11 ⋅ 0

CSS 层叠式样式表

css cascading style sheets 1996 电脑586 层叠样式表 本身也是文本 {} 工作环境 任何文本编辑器 Dreamweaver webstorm 显示环境-浏览器 优势 避免使用不必要的HTML元素 减少代码量 缩短更新...

RanoB ⋅ 2016/12/18 ⋅ 0

FF Sofari Opera chrome IE7 IE8 透明设置

安装了FireFox3.5之后,发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想,FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了?上网一查,果真如此。 在https://developer...

囧南风囧 ⋅ 2010/09/02 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Boost库编译应用

版本:Boost 1.66.0 Windows库编译 官网指南:直接执行bootstrap.bat处理文件即可,可以我却遇到一堆的问题。 环境:Windows 10 + Visual Studio 2017 Boost编译出来库命名 boost库生成文件命...

水海云 ⋅ 11分钟前 ⋅ 0

解决Eclipse发布到Tomcat丢失依赖jar包的问题

如果jar文件是以外部依赖的形式导入的。Eclipse将web项目发布到Tomcat时,是不会自动发布这些依赖的。 可以通过Eclipse在项目上右击 - Propertics - Deployment Assembly,添加“Java Build ...

ArlenXu ⋅ 12分钟前 ⋅ 0

iview tree组件层级过多时可左右滚动

使用vue+iview的tree组件,iview官网iview的tree树形控件 问题描述:tree层级过多时左右不可滚动 问题解决:修改overflow属性值 .el-tree-node>.el-tree-node_children { overflow: vi...

YXMBetter ⋅ 13分钟前 ⋅ 0

分布式锁

1.通过数据库实现 http://www.weizijun.cn/2016/03/17/%E8%81%8A%E4%B8%80%E8%81%8A%E5%88%86%E5%B8%83%E5%BC%8F%E9%94%81%E7%9A%84%E8%AE%BE%E8%AE%A1/ 2.ZK实现:curator-recipes分布式锁的......

素雷 ⋅ 22分钟前 ⋅ 0

Sublime Text3 快捷键

选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名...

AndyZhouX ⋅ 28分钟前 ⋅ 0

XamarinAndroid组件教程RecylerView自定义适配器动画

XamarinAndroid组件教程RecylerView自定义适配器动画 如果RecyclerViewAnimators.Adapters命名空间中没有所需要的适配器动画,开发者可以自定义动画。此时,需要让自定义的动画继承Animation...

大学霸 ⋅ 29分钟前 ⋅ 0

eureka 基础(二)

使用Eureka服务器进行身份验证 如果其中一个eureka.client.serviceUrl.defaultZone网址中包含一个凭据(如http://user:password@localhost:8761/eureka)),HTTP基本身份验证将自动添加到您...

明理萝 ⋅ 32分钟前 ⋅ 1

Kubernetes(五) - Service

Kubernetes解决的另外一个痛点就是服务发现,服务发现机制和容器开放访问都是通过Service来实现的,把Deployment和Service关联起来只需要Label标签相同就可以关联起来形成负载均衡,基于kuberne...

喵了_个咪 ⋅ 32分钟前 ⋅ 0

更新队友POM文件后报错

打开报错的地方的pom及其引用方法所在文件的pom,观察其版本号是否一致,不一致进行更改

森火 ⋅ 45分钟前 ⋅ 0

IDEA使用sonarLint

一、IDEA如何安装SonarLint插件 1.打开 Idea 2.点击【File】 3.点击【Settings】 4.点击【Plugins】 5.在搜索栏中输入“sonarlint”关键字 6.点击【Install】进行安装 7.重启Idea 二、IDEA如...

开源中国成都区源花 ⋅ 50分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部