码迷,mamicode.com
首页 > 其他好文 > 详细

21-浮动布局

时间:2020-03-22 14:09:36      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:总结   ie6   内联   浏览器   网页   oat   osi   原来   设置   

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

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

21-浮动布局

标签:总结   ie6   内联   浏览器   网页   oat   osi   原来   设置   

原文地址:https://www.cnblogs.com/xiang-liang/p/12545508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!