css浮动

1、首先先介绍一下html把标签分为有语义标签和无语义标签，有语义标签是指它是用来表示某种东西的，比如说段落，比如说表格，表单，而无语义标签则没有意思，它的作用就是方便设置样式，无语义标签有两种、

      1、div-----------网页制作实现画块，块级元素

      2、span--------方便局部样式的设置，行内元素

2、浮动原理

      1、设置浮动用float：left/right,设置为浮动以后，就不在文档流当中，而普通的就会填充

      2、设置左浮：父元素的边框，或者是兄弟浮动元素的边框

      3、浮动的元素可以向左或向右移动，直到它的外边缘碰到父元素或另一个兄弟浮动元素的边框位置

      4、由于浮动元素不在文档的普通流中，所以文档的普通流的块状就表现的像不存在一样

3、清除浮动

      1、效果： 使下面的兄弟不受浮动的影响，否则下面的元素会自动撑过来

      2、<div  style="float:left;">1323

           <div style="clear:left;">

原理很简单，就是在最后消除浮动，让浮动的元素自动降下来

4、最后感谢观看，有错误的还希望大家指出来，一起分享，学习