CSS如何实现使浮动元素的父元素自动扩展

在网站的前端工作中，经常会遇到使用浮动布局的情况。

我们都知道，如果一个父元素内部含有的几个子元素如果浮动的话，而在浮动后其父元素会收缩，如果父元素内除了浮动元素外没有其他元素的话，父元素的高度甚至会收缩到0，从而导致页面底部的元素上移，较终破坏了页面的布局。

对于这种情况，有些人可能选择在浮动元素的底部加一个<br/>标签，并对这个<br/>定义clear:both;的样式定义，从而清除浮动，使浮动元素的父元素自动扩展。但这样做，又导致无效标签的使用。目前，业界较优的解决方案是使用:after伪类来实现清除浮动，从而可以使用.clear:after{content:".";height:0; display:block; clear:both; visibility:hidden;} .clear{zoom:1;}来实现。

当然，这在通过CSS在元素之后追加"."并不必要，因为还需要visibility来隐藏掉它。通过优化，代码如下：
.clear:after{content:"020";display:block;height:0;clear:both;}.clear{zoom:1;}
   其中，020指在容器后添加空格，这样就避免使用visibility隐藏可视性了。
   另外，不推荐使用空p的方法。单单为了清除浮动而在结构良好的HTML中插入没有语义的容器，未免有些突兀。

保险 新西兰旅游，新西兰养老签证申请条件？

    新西兰养老签证申请条件？ 1、66岁以上，没有语言、经商背景的要求，有钱就行。 2、投资75万纽币在新西兰政府指定的领域。 3、证明还有50万新币的生活费和每年6万新币的收入(这些钱不要求转到新西兰)。 4、申请人要证明投资款的来源是合法的，这些钱可以是别人赠予的或继承的 5、要买医疗保险。 6、可以带配偶，但不能带子女。 新西兰治安好吗？ 不是治安好不好！是新西兰法律操蛋！过于保护犯罪者的...

       营销型网站建设怎样可以成就网站转化率？ 众所周知，营销型网站建设与网站转化率之间的关系被众多的网络企业一而再，再而三地讨论，人们也一度从中实践并展开探究这两者的关系是怎样地转变、影响。民网的孙经理通过实践探究后得出自己的见解，做营销型网站主要面对的两大对象，分别是用户和搜索引擎。通过营销型网站建设规划做出来的网站除了要对搜索引擎友好之外，最重要的就是要尽可能多地拥有用户，把访客变为网站的常驻用户、客户。如果说我们的营销型网站流量好多，却...

       龙岗迪索生活日用跟虎网科技签定网站建设合同 迪索在深圳市龙岗区龙岗街道平南社区平南一路38号。迪索是经深圳市龙岗区工商局审核的有资质公司，统一社会信用代码：914403005827327532。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备18143335号。迪索选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。 　　经营电子...

       禁止百度保存快照对网站优化有影响吗？ 虎网网络觉得对网站整体影响不大，对该页面搜索引擎排名肯定是有负面影响; 　　1、站在用户的角度上来说，没有满足用户可以快速查看页面(快照)的需求;(站在百度立场上考虑的用户需求) 　　2、从流量上来说。百度需要有的用户去点击快照，其百度网站的流量就更高了。(流量对一个网站的影响大家都知道)没有快照，百度就不能获得这部分的流量;(这是百度建立快照的初衷之一) 　　3、从百度自身的利于而言，这个肯定会...

       西安网站建设中网站制作有哪些禁忌 在网站设计建设的时候，大家有没有考虑过在设计的过程当中大家需要忌用一些什么呢？其实今天为大家要讲述的都是需要大家都多加注意的，下面由西安网站建设公司小编为大家进行一下详细的分析！ *先为大家提到的先进点则是忌用图片替代文字，设计师当然总是希望作品越美观越好，他们非常重视使用很多漂亮的图片在网站上，但在处理图文时，常常会用一张漂亮的图片替换掉浏览器上难看的标题文字。请尽量避免这样做。大家应该知道的是...

       网站栏目该怎样设计 千篇一律的网站栏目 我自己没事的时候，也会去看一些企业网站的栏目，大部分企业网站的栏目都是一个样子，基本都是包括：首页、企业简介、产品展示、成功案例、新闻中心、企业荣誉、联系我们。基本就这几个了。而且首页网站布局也是非常简单。基本是把我刚才说的几个栏目内容都放到了首页。很多企业都很期待能做一个营销型网站，但是到最后，做的仅仅只是一个普通型的展示型网站，因为他们在进行网站策划的时候，根本没有把营销思...