1、我们需要先了解下position：relative属性，它是指left、right、top、bottom等中的偏移位置。
创新互联建站服务项目包括黄岛网站建设、黄岛网站制作、黄岛网页制作以及黄岛网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，黄岛网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到黄岛省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
2、CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。
3、居左：对要靠左对齐（局左）的div样式加float：left。
4、用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left：auto； margin-right：auto 之类的即可。 主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。
5、CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。
1、在CSS中，给class设置float属性并赋值为right（右浮动）的作用是将该元素向右浮动。这是因为浮动是CSS中一种布局方式，通过设置元素的浮动属性，可以使元素脱离正常文档流并自动向左或向右浮动到其容器的边缘。
2、外边距是盒子周围一圈看不到的空间。它会把其他元素从盒子旁边推开。 外边距属性值可以为正也可以为负。设置负值会导致和其他内容重叠。
3、我们在CSS中很多时候会用到浮动来布局。常见的有float：left或者float：right。
4、CSS.2中才引入浮动，当时浮动的初衷，是实现类似word里的文字环绕图片的效果。普通文档流，因为从上到下，从左到右，规定的太死了，每个元素都被限制了位置。所以才引入了浮动，形成丰富的页面效果。
float做为CSS中的一个属性定义元素在哪个方向浮动。float：left 文本或图像会移至父元素中的左侧。float：right 文本或图像会移至父元素中的右侧。float：none 默认。
左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
left元素向左浮动。right元素向右浮动。定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。
常见的有 float：left 或者 float：right 。简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。
在CSS里float是浮动的意思，position是定位的意思。float：浮动，故名思议，就是让HTML元素(标签)从标准文档流里浮动起来。从而不受标准文档流的约束，变成了非标准流。
这是“浮动”（float）的本意（经常用word进行图文混合排版的同学就应该清楚这是什么意思），后来被用作横向排版也算是歪打正着，不过如果使用不当很容易会造成版面混乱的。