仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2043|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来一发再论扫除浮动的空DIV办法

[复制链接]
柔情似水 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:21:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
网页制造poluoluo文章简介:再论扫除浮动的空DIV办法.
CSS利用浮动会形成结构的凌乱,一般扫除浮动的办法是,使用一个以下款式的空Div:
  1. <divclass="clear"></div>.clear{clear:both;}
复制代码
更加优秀的CSS代码是:
  1. .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear{zoom:1;}
复制代码
这个办法今朝已普遍利用,淘宝、口碑,都是这类用法。经由过程after伪类:after和针对IE6的自力CSSHack来完成,完整兼容支流扫瞄器。
固然,这在经由过程CSS在元素以后追加"."其实不需要,由于还必要visibility来埋没失落它。经由过程优化,代码以下:
  1. .clear:after{content:"020";display:block;height:0;clear:both;}.clear{zoom:1;}
复制代码
个中,020指在容器后增加空格,如许就制止利用visibility埋没可视性了。
别的,不保举利用空div的办法。单单为了扫除浮动而在布局优秀的HTML中拔出没有语义的容器,不免有些高耸。
</p>
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-17 22:08:11 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
简单生活 该用户已被删除
板凳
发表于 2015-1-31 19:44:05 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
金色的骷髅 该用户已被删除
地板
发表于 2015-2-7 00:21:43 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
再见西城 该用户已被删除
5#
发表于 2015-2-19 08:20:59 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
蒙在股里 该用户已被删除
6#
发表于 2015-3-6 14:30:34 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
再现理想 该用户已被删除
7#
发表于 2015-3-13 03:09:48 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
海妖 该用户已被删除
8#
发表于 2015-3-20 11:23:38 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-16 13:13

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表