css浮动，⽹页练习显⽰、定位
1、浮动
浮动框可以向左或向右移动，直到外边缘碰到包含框或另⼀个浮动框边框为⽌。
float:left; float:right; clear:both;
img{float:right}
清除浮动⽅法：
1》⽗级元素后加元素：<div style=”clear:both”></div>
2》⽗级元素加::after{display:block;content:” ”;clear:both}
3》overflow:hidden
练习⽹页：
2、显⽰：display：规定元素应该⽣成的框的类型
display:block；块级元素显⽰div
display:inline；内联元素显⽰span
网页float是什么意思display:inline-block;⾏内块元素
display:flex；弹性盒⼦
display:none元素隐藏
3、定位（难点）
position: static(默认，没有定位);  fixed（绝对定位，相对浏览器）;  relative（相对定位，相对正常位置）;  absolute（绝对定位，相对不是static的⽗元素定位）;
fixed和absolute是不占据空间的，fixed不设置top，是相对于原来位置显⽰
top:
left:
right:
bottom:
z-index：设置元素的堆叠顺序

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。