21-浮动布局

Posted 2021-03-04 xiang-liang

css布局有三种方式：
　　1、默认文档流方式
　　　　以html元素的结构顺序显示
　　2、浮动布局方式
　　　　通过设置html元素的float属性显示
　　3、定位布局方式
　　　　通过设置html元素的position属性显示
　　浮动：float
　　什么是浮动？
　　　　浮动（float）是css实现布局的一种方式，包括div在内的任何元素都可以以浮动的方式进行显示
　　值：
　　　　none：不浮动
　　　　left：对象向左浮动，而后面的内容流向对象的右侧
　　　　right：对象向右浮动，而后面的内容流向对象的左侧
　　浮动就是将，块元素，霸道属性，独占一行的行为，取消，允许别人与它一行
　　浮动其实是，这个块，从原来的文档流模式中，分离出来，它后的对象，就视它不存在
　　常用的布局效果：例如，一行并列式，就是在一行中，先是几个块元素

　　css把网页元素，分为两类，一种是块，一种是内联元素
　　我们在制作时，你多使用不同的浏览器查看你的结果，这样，你就能知道，各个浏览器的差别
　　*****总结出，当IE6父元素，中的子元素，的高度超过了，父元素的高度，IE6默认，会把父元素的高度，自动增加。
　　********如果想让，多个块，显示在同一行中，可以将，这些块，都设置成浮动，并且浮动方向相同