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

float定位

时间:2016-01-18 22:21:29      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
1.行内元素浮动“起来”后,该元素将变成块级元素!
 
 
2.浮动元素后面的非浮动的行内元素将覆盖浮动元素
技术分享
3.浮动元素后面的非浮动行内元素》该块级元素边框和背景在该浮动元素“之下”显示,只有内容在“差集”部分显示。
技术分享
4.浮动元素后面的元素全部浮动时,则,是按照流式布局方式来显示的,收浏览器大小的变化而变化,也要注意地中某个元素的高度
将影响整体的布局效果滴呀;(注意比较以下的)
技术分享
此时就要注意高度了!
 
技术分享
 
子元素全为浮动元素高度自适应问题 
由于元素浮动后脱离了文档流,所以父元素是无法根据元素来自适应的。解决此问题最常用的办法由两种,第一种就是在所有浮动元素后加: 
<div style="clear:both;height:0px;"></div> 
第二种办法,使用万能clear: 

float定位

标签:

原文地址:http://www.cnblogs.com/mc67/p/5140471.html

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