转自:http://www.jb51.net/css/33740.html 脚本之家No! 要注意以下几点: 1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。 2、 浮动元素后边的非浮动元素显 ...
转自:http://www.jb51.net/css/33740.html 脚本之家
No! 以下详细分析四个问题。 一、浮动元素自动变块级元素 示例代码:
复制代码<
div > 效果如下:
二、浮动元素后的非浮动元素问题 复制代码<div > 效果图如下: 从图中可以看出来,跟在浮动div后边的div背景以及边框被压在了底下,内容却没有,span整体都在浮动div之上显示。
不过在ie6这个效果却很怪异,如图:
但各个浮动元素高度不一致的话效果很可能出现下边的情况: 很意外吧,主要排列到元素7的时候,一行已经显示不下了,所以要换行,但此处换行并不是从行头开始,而是从元素5那开始,因为元素5比元素6高很多导致。
复制代码.clearfix:after 你真的理解clear:both吗 复制代码<div >
(2)无clear:both的
但这种办法就是最好了的吗?
复制代码<style> (2)、利用“* html”这个只有IE6认识的选择符,设置缩放属性“zoom: 1;”实现兼容IE6。
原标题:css中float left与float right的使用说明
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。