首页 > 其他 > 详细

Float浮动与clear

时间:2016-06-29 20:33:03      阅读:221      评论:0      收藏:0      [点我收藏+]
   在页面布局当中,除了可以使用position定位来确定元素位置之外,关于元素的定位,另一个标签则是float/浮动。
技术分享
 
技术分享
     无论多么复杂的布局,其基本出发点都是:“如何在一行显示多个DIV元素”。而标准的文档流布局是满足不了开发的需求,这就需要用到浮动了。
 
     浮动是可以理解为了让某个DIV元素脱离标准文档流,漂浮在标准文档流之上,和标准流不是在一个层次上。
     块元素浮动的优先级是按照HTML块元素排列顺序而来,各站一行的块元素浮动之后会显示在同一行中(如果一行放不下多个元素,那么块元素会被挤到下一行/如果高度还不一样的话,块元素还会被卡住。) 元素浮动之前,也就是在标准流中,是竖向排列的,而浮动之后可以理解为横向排列。
 
     而清除浮动的则理解为打破横向排列
     清楚浮动的关键词在于:clear
技术分享
技术分享
 
||||||||
技术分享
 
技术分享

Float浮动与clear

原文:http://www.cnblogs.com/dayn/p/5628086.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!