码迷,mamicode.com
首页 > 其他好文 > 详细

209.4.4 盒模型&定位&浮动

时间:2019-04-04 14:24:28      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:alt   9.4   浮动   idt   距离   src   决定   height   相对   

盒模型

盒模型

除了图片表单元素之外,基本所有标签都可以看做一个盒子

盒模型的要素

width和height

标签内容的宽高,不是盒子的宽高

padding

内边距
内边距是标签内容和边框的距离
padding的颜色和标签内容一致

margin

外边距
外边距是标签相对于父标签和兄弟标签的距离
兄弟标签之间margin会相互重叠,以大的margin为准

border

边框

技术图片
技术图片
技术图片

浮动

如果某个标签A是浮动的 假如A标签的上一个标签也是浮动的 那么A就会跟在上一个标签后面
如果一行放不下两个标签 A就会被挤到下一行

如果上一个元素是标准流元素 那么A相对的垂直位置不会改变

div的顺序是由HTML代码顺序决定
技术图片
技术图片

技术图片
技术图片

209.4.4 盒模型&定位&浮动

标签:alt   9.4   浮动   idt   距离   src   决定   height   相对   

原文地址:https://www.cnblogs.com/lzb1234/p/10654516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!