21-浮动布局

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

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

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545508.html