div标签应用猜想
div标签应用猜想
温暖的小明 发表于2年前
div标签应用猜想
  • 发表于 2年前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: div ;坐标

已知<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时需要不小的运算,那么有没有更简便可行的方法呢?



标签: div 坐标
共有 人打赏支持
粉丝 5
博文 16
码字总数 6144
×
温暖的小明
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: