从品牌网站建设到网络营销策划,从策略到执行的一站式服务
来源:常德网站设计 | 2014.03.12
清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等。
但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。
其原理是,在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 的不可见块状内容来,并给它设置 clear:both 来清理浮动。在 ie6 和 7 中给浮动块添加 haslayout 来让浮动块撑高并正常影响文档流。
上面的代码应该是现在主流的清理浮动方式。现在支付宝就使用这样的方式。而现在,Nicolas Gallagher 给出了一个:
原理还是一样的。使用 :after 伪类来提供浮动块后的 clear:both。不同的是,隐藏这个空白使用的是 display: table。而不是设置 visibility:hidden;height:0;font-size:0; 这样的 hack。
值得注意的是这里中的 :before 伪类。其实他是来用处理 top-margin 边折叠的,跟清理浮动没有多大的关系。但因为浮动会创建 block formatting context,这样浮动元素上的另而一元素上如果刚好有 margin-bottom 而这个浮动元素刚好有margin-top 的话,应该让他们不折叠(虽然这种情况并不常见)。
(来源:)
我们是成立于2013年的常德网站建设公司,提供高品质网站建设,电商网站设计开发,外贸网站制作,响应式网页设计,微信小程序等服务.我们的目标是将万讯互动打造成网站品牌策划、网站品牌形象设计、网络营销传播行业的国际型企业!为客户创造有价值的品牌营销体验,让互联网提升企业的竞争力!
12年建站服务经验
服务本地16家政府单位
服务25家上市企业
常德市房地产信息网的技术顾问
经投城投的指定软件开发合作商
多项网站设计传播大奖
营销型网站建设专家
完备的项目流程管理体系
B2C电商网站建设供应商
网页设计与网站开发技术并重
作为一家集“创意+整合+营销”的互联网整合营销机构,我们在业内具有深远的设计影响力和良好的客户口碑。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的品牌势能!
公司地址:常德市武陵区人大宿舍3栋7号
业务热线:18692386458
武陵区万讯软件开发服务中心-万讯互动 | 湘ICP备14001340号-1 Copyright 2019,ALL Rights Reserved cdwanxun.com | 湘公网安备 43070202000323号 | © Copyright 2019版权所有.
专家团队为您提供常德网站建设,常德网站设计,常德品牌网站设计,常德营销型网站制作等服务,常德建网站就找万讯互动! | 常德网站建设哪家好? | 网站建设地图
万讯互动网页显示的图片内容资源全部来源于网友提供,其著作权归原作者所有,如果有任何侵犯您合法权益的地方,请及时联系我们18692386458,并向举报投诉邮箱发送相关证明资料和侵权链接,我们将在审查相关证明资料后,及时删除您举报的侵权内容或链接;显示资源合作内容及所发布的商务信息等内容的真实性、准确性和合法性由商家负责,并不代表万讯互动的观点,万讯互动所提供的信息资料仅作为市场资讯供用户参考,万讯互动对此不承担任何法律责任。