CSS语法-浮动与定位

一、浮动
浮动是用来实现并排
浮动是要把固定格式从上到下改变成并排
在这里插入图片描述

2.浮动使用要点
1)要浮动,并排的盒子都要设置浮动
2)父盒子要有足够的宽度,否则盒子会掉下去
3)浮动元素不在区分块级和行内元素,它们一律能够设置宽度和高度,即使是span与a标签

二、定位
1.什么是相对定位(参照本身元素的位置)
盒子可以相对自己原来的位置,进行位置调整,称之为相对定位。
语法是:position: relative;

position: relative;
top: 50px;
left: 50px;

CSS语法-浮动与定位_第1张图片
1)位置描述符,有以下四种:

位置 描述
left: 100px; 向右移动100px
right: -50px; 向右移动50px(为负数表示向相反方向移动)

你可能感兴趣的:(前端,css3)