站点公告:

祝大家新年快乐~!

欢迎大家与我
交换友情连接,友情连接请留言

我开了工作室了,名字叫“卡瑞网络”,主营网站建设、域名主机、网站推广、网站优化等业务,欢迎你到我的网站http://www.icarui.com去了解!

css+div中float的解决方案
深度消失 发表于 - 2008-9-22 18:39:00

  在使用css+div进行网页布局的时候,常常会使用float来进行浮动,也会因为float带来很多麻烦,我现在将我在遇到float带来的问题的时候,是怎么解决的做一个总结。

1、在使用float:left的时候,在IE显示正常,在firefox中右边的div不会正常显示在右边。解决方案如下:
       首先给第一个DIV设置一个width,然后给第二个DIV设置margin-left 大于第一个的width就搞定了。

2、在使用float:left经常会让后面的元素跟着浮动,这个是经常困扰大家的。这个有几个办法可以解决。
       2.1  在浮动结束后,另外加一个DIV设置 clear:both;属性,本人不喜欢这种方法,因为经常会让后面的元素出现问题,但是他确实是W3C推荐的方法。
       2.2  对浮动框设置宽度。
       2.3  对父容器设置overflow:hidden; 在使用这个的时候,记得在不同的浏览器上进行测试,以免出现错误,个人对这个方法还是比较认同。

 

发表评论:
关 闭
关 闭
博客托管于 梦想博客 Copyright 2006-2008. All rights reserved.