码迷,mamicode.com
首页 > Web开发 > 详细

css浮动(float,clear)

时间:2014-08-03 10:06:54      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:style   http   使用   ar   代码   html   div   htm   

1、

以div元素布局为例,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流,是指标准流中的div.

无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”,显然标准流已经无法满足需求,这就要用到浮动。

 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。

2、

假如某个div元素A是浮动的,如果A元素上一个元素也是浮动的,那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素,那么A元素会被挤到下一行);如果A元素上一个元素是标准流中的元素,那么A的相对垂直位置不会改变,也就是说A的顶部总是和上一个元素的底部对齐。

div的顺序是HTML代码中div的顺序决定的。
靠近页面边缘的一端是前,远离页面边缘的一端是后。

3、

清除浮动可以理解为打破横向排列。
对于CSS的清除浮动(clear),这个规则只能影响使用清除的元素本身,不能影响其他元素。


原文:http://www.dabaoku.com/jiaocheng/wangye/css/2013040918035.shtml

css浮动(float,clear),布布扣,bubuko.com

css浮动(float,clear)

标签:style   http   使用   ar   代码   html   div   htm   

原文地址:http://www.cnblogs.com/caroline4lc/p/3888032.html

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