FLOAT:
float:left;左浮动
float:right;右浮动
浮动产生的问题：
添加浮动会出现父div只能显示边框如图，
6360616037130077926311670.png
清楚浮动造成的问题：
添加<div style="clear:both"></div>
6360616040333423589260647.png
POSITION:
position的三种属性：静态定位，相对定位，绝对定位。
静态定位：static,为默认值，没什么效果，按照正常的定位方式定位。
相对定位：relative,相对初始的位置发生改变，例：<div style="position:relative;top:10px;left:10px">相对定位</div>指向下向右各移动10px的距离。
绝对定位：absolute：根据第一个父元素进行定位，可以认为是window。
fixed:设定目标的位置不会随滚动条的滑动而改变。
position position有四个值：static（默认），relative，absolute，fixed ...
FLOAT:float:left;左浮动float:right;右浮动浮动产生的问题：添加浮动会出现父div只能显...
一.position和float让元素脱离文档流 二.position CSS定位属性允许你为一个元素定位(pos...
浮动和定位之前一直感觉是HTML和css这个科目里面的重点和难点所在。昨天听了这两章的课程录播，感觉也没有那么难理...
左右布局 利用float实现 利用position实现 左中右布局 利用float实现 利用position实现 ...
总结padding、margin、float、position:relative以及position:absolu...
Html float+margin position:absolute Flex *float+BFC
这几天出去面试，顺便整理一下float和position之间的区别 一、float浮动 float会使元素向左或向...
只有position才是定位，float不能说是定位，不过你可以说这两种布局方式有什么不同。float和po...
1.float 2.position
本文标题：Float和Position
本文链接：https://www.haomeiwen.com/subject/bcqpmttx.html
网友评论