你的位置:首页 > 软件开发 > 网页设计 > css中float left与float right的使用说明

css中float left与float right的使用说明

发布时间:2015-12-07 21:00:12
转自: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

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。