解析HTML中的float和margin的疑惑
来源:互联网 发布:java中反射的应用场景 编辑:程序博客网 时间:2024/06/11 19:35
对于HTMl中的一些小疑惑,在这里进行解析一下。
一、div的理解
DIV是基于行,就是一个div占据一行,不会让别的元素,和自己同行。
span不是基于行的,就是一个span哪里有空哪里专,不会单独占用一行。
二、Float理解
Float:Css样式的float浮动属性,用于设置标签对象(如:<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签)的浮动布局
DIV在float之后就失去了本个div基于行的性质。下一个元素的东西会移动过来。
float:right
关于两个div占据同一行的解决方法:http://www.tuicool.com/articles/fMneyuz
三、Margin 理解
①盒子模型:对于盒子模型的理解:
来一个明了的图。
一个div-c浮动之后就不属于div-a的成员了。
div浮动之后的margin的计算,是按照与自己靠近的元素为基础的。
②Margin英文解释:是某个对象的外延
Margin说明
margin是设置对象外边距外延边距离(里面元素到外右的距离)。而不是距离别的某个元素的距离。
margin的值有三种情况,可以为正整数和负整数并加单位如PX像素(margin-left:20px);可以为auto自动属性(margin-left:auto自动);可以为百分比(%)值(margin-left:3%)。
Margin延伸(单独设置四边间距属性单词)
margin-left对象左边外延边距 (margin-left:5px; 左边外延距离5px)
margin-right对象右边外延边距 (margin-right:5px; 右边外延距离5px)
margin-top对象上边外延边距 (margin-top:5px; 上边外延距离5px)
margin-bottom对象下边外延边距 (margin-bottom:5px; 下边外延距离5px)
同一个对象在外延距离遇到别的元素(不一定同一个元素)的时候会进行移动,来使我们的外延距离达到我们的要求。
这里仅仅是自己的几个只是疑惑点。如了解具体的可以去查询相关的API。
- 解析HTML中的float和margin的疑惑
- float和margin的区别
- Html中关于float,margin,padding的语法
- 菜鸟对margin的疑惑
- android padding margin和html padding margin的区别
- html中padding和margin的区别
- html padding 和 margin
- JavaScript 中的&& 和|| 的疑惑与解
- HTML中的float属性
- 用float和margin实现左右布局
- DecimalFormat的疑惑(float与double)
- margin的解析逻辑
- 页面布局margin越界和float引起的影响常用的css套路
- HTML里margin-left和left的区别
- HTML标签margin和padding的默认属性值
- HTML中margin、padding和border的区别
- Java 中的long 和 float 的转化
- 相邻元素的margin和padding的解析分析
- 五分钟学会之contentprovider
- 函数指针及其运用
- freopen ()函数
- R语言的plyr包简介
- 1042. Shuffling Machine (20)
- 解析HTML中的float和margin的疑惑
- cpu caffe cifar10 ubuntu 14.04 python
- 生成器模式(Builder)
- linux下进行c/c++开发
- C#控制台 通过getlength函数得到一个二维数组的行与列
- python学习笔记(1)_关于IDLE
- 管理 Java 类路径 (Windows)
- C#控制台 初始化交错数组
- JavaScript call() apply()学习笔记