另外在国外数字化院校当中,它也是经典议题之一。下图是UCL Bartlett的AD所做的ClayFab作品,使用2D Differential Growth生成的路径来控制机械臂打印陶土
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul>
当工业3.0版本把所有横向的品类,还有纵向的环节,都尽可能的拆分重组优化后,代工制造,开始成为现代工业体系里的重要底层。最典型的就是芯片代工的台积电,还有电子代工的富士康。随即,美资研发+营销,台资代工制造,这种分工组合开始把日本欧洲同行们挤得越来越没地位,虽然后者也大量把工厂设置到低劳工成本的地区。
<div class="dropdown"> <!-- Link or button to toggle dropdown --> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul> </div>
4.沙盘模型制作是个较为复杂的事情,涉及到的内容比较多,仿真程度与制作比例需要拿捏的比较准确。为了提升自己的制作技巧可到废弃的模型沙盘上进行练习操作技巧。
传统沙盘仍停留于“只可远观而不可亵玩”的状态。数字沙盘早已突破“只观看"层面上的限制,通过三维影像与交互设计,可融入互动功能,不管是通过点击查询更详细的信息内容,还是通过人体动作设定展示特定图像与参观者产生互动,增加其趣味性。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
流水线达成了效率革命,但老福特的决策还始终是工厂主做派。对内是独断,一句话就能免掉不顺眼的车间负责人;对外也是独断,比如坚持只卖黑色的T型车;或者宣称,公司的使命就是造出最便宜可靠、穷人也买的起的T型车。这些决策很难修正,旁人也难以争辩,他是老板嘛。
Default
Dropup
Left submenu
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... <li class="dropdown-submenu"> <a tabindex="-1" href="#">More options</a> <ul class="dropdown-menu"> ... </ul> </li> </ul>
随着科技的发展,现代化数字展示已经广泛应用在生活中的各个角落,联系黑火石科技,做行业变革的领先者吧!
<div class="pagination"> <ul> <li><a href="#">Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div>
而数字沙盘的场地可多次重复利用,实时切换沙盘主题。且在空间上的每一个图元、数据信息都可以即时同步更新,对于城市规划馆是不可或缺的展示方式,可展现城市历代变迁的容貌,让参观者从视觉上的冲击了解城市历代跃进的文化内容。
<div class="pagination"> <ul> <li class="disabled"><a href="#">Prev</a></li> <li class="active"><a href="#">1</a></li> ... </ul> </div>
设计中枕头形状的窗户玻璃,是将塑料放进烤箱中软化制成的,这需要团队成员们放弃他们的厨房好几天。
<div class="pagination"> <ul> <li class="disabled"><span>Prev</span></li> <li class="active"><span>1</span></li> ... </ul> </div>
传统HUD技术通常在微型显示屏上生成图像,然后投影到固定的焦点平面上,这种技术光损率太高,在光线传播过程中通常会浪费90%光源,不仅功耗更高而且发热量还会大一些。激光HUD是将图像直接生成在挡风玻璃上,而不是PGU里。因此激光HUD具备无与伦比的性能和效率优势。比如FOV,顶级AR-HUD的FOV仅10X5°,而激光HUD可以达到180度。对比度和亮度方面,激光更是具备压倒性的优势,分辨率方面,可以做到4K级的分辨率,DLP或TFT要做到的话,成本会高出激光不少。光机引擎方面,采用MEMS扫描的光机引擎体积非常小,远低于DLP或TFT-LCD。捷豹路虎(就是Envisics供应的)和日本先锋在2014年曾经推出过激光HUD,限于当时的技术条件,AR全息技术当时远未达实用地步,传统HUD完全无法发挥激光HUD的优势。如今AR全息已经成熟。激光HUD差不多是公认的未来方向。日本企业尤其积极,矢崎、ALPS阿尔派、松下、瑞萨、理光、先锋、电装都有不少激光HUD专利和相关产品。其最大缺点是成本太高,当然了,成本是可以降低的。还有一个缺点是激光二极管发热量大,可能需要水冷。
<div class="pagination pagination-large"> <ul> ... </ul> </div> <div class="pagination"> <ul> ... </ul> </div> <div class="pagination pagination-small"> <ul> ... </ul> </div> <div class="pagination pagination-mini"> <ul> ... </ul> </div>
(5)将X轴的两个分数相加,将结果标在X轴是;将Y轴的两个分数相加,将结果标在Y轴上;标出X、Y数轴的交叉点;
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
“机器学习(ML)是算法和统计模型的科学研究,计算机系统使用它来有效地执行特定任务,而不使用明确的指令,而是依赖于模式和推理。它被视为人工智能的一个子集。机器学习算法基于样本数据构建数学模型,称为“训练数据”,以进行预测或决策,而无需明确编程以执行任务。
三维虚拟仿真是一种基于可计算信息的沉浸式交互环境,具体的说,就是采用以计算机技术为核心的现代高科技手段生成逼真的视、听一体化的特定范围的虚拟环境,用户借助必要的设备(鼠标、方向盘等外部配件)以自然的方式与虚拟环境中的对象进行交互作用、相互影响,从而产生亲临等同真实环境的感受和体验。主要优势为:不受场地限制;表现效果更为优美、逼真,具有很强的交互性,走进三维虚拟仿真中的虚拟环境,恰如身临其境。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
我第一次见到Bernadette Fox,我不知道该怎么想。 Fox,Maria Semple的书信小说Where'd You Go,Bernadette的主角,是一位不再练习的中年女建筑师,八年级学生的母亲,西雅图不情愿的居民,以及麦克阿瑟“天才”奖获得者嫁给了TED说话的AI专家。圣诞节前两天,她在前往南极洲的邮轮上消失了。
<ul class="pager"> <li class="previous"> <a href="#">← Older</a> </li> <li class="next"> <a href="#">Newer →</a> </li> </ul>
另外,由于分段函数在分段点没有梯度,所以为了使假量化操作不影响梯度回传,就需要模拟一个梯度,最简单的方法就是用 y=x 来模拟这一分段函数,事实证明这么做也是有效的,这种经典的操作被称为“Straight-Through-Estimator”(STE)。
<ul class="pager"> <li class="previous disabled"> <a href="#">← Older</a> </li> ... </ul>
Labels | Markup |
---|---|
Default |
<span class="label">Default</span>
|
Success |
<span class="label label-success">Success</span>
|
Warning |
<span class="label label-warning">Warning</span>
|
Important |
<span class="label label-important">Important</span>
|
Info |
<span class="label label-info">Info</span>
|
Inverse |
<span class="label label-inverse">Inverse</span>
|
Name | Example | Markup |
---|---|---|
Default | 1 |
<span class="badge">1</span>
|
Success | 2 |
<span class="badge badge-success">2</span>
|
Warning | 4 |
<span class="badge badge-warning">4</span>
|
Important | 6 |
<span class="badge badge-important">6</span>
|
Info | 8 |
<span class="badge badge-info">8</span>
|
Inverse | 10 |
<span class="badge badge-inverse">10</span>
|
以《SE愿景2020》英文定义为基础,综合上面五种定义和解释,本文给出中文定义:基于模型的系统工程是一种形式化的建模方法学,是为了应对基于文档的传统系统工程工作模式在复杂产品和系统研发时的面临的挑战,以逻辑连贯一致的多视角通用系统模型为桥梁和框架,实现跨领域模型的可追踪、可验证和全生命期内的动态关联,进而驱动贯穿于从概念方案、工程研制、乃至使用维护到报废更新的人工系统全生命期内的、以及从体系往下到系统组件各个层级内的系统工程过程和活动(包括技术过程、技术管理过程、协议过程和组织项目使能过程)。除方法学本身外,广义MBSE还包括方法学所需的使能技术(如建模语言)和人员能力,以及方法学的应用环境等所构成的体系。
在一篇冗长的Instagram帖子中,这位38岁的老人批评格莱美提名人的行为,并声称她曾在公开场合暴露过他的阴茎。不出所料,乔希的主张在社交媒体上引发了一场骚动。以下是我们对O.C.的了解。明矾和他与凯蒂的历史2024年互联网门铃市场工业增长的最新研究。积累了详细的研究,以提供有关互联网门铃市场急剧特征的最新见解。该报告包含与市场规模,收入,产量,复合年增长率,消费,毛利率,价格和其他重要因素相关的不同市场预测。该报告强调了该市场的关键驱动力和抑制力,同时还提供了对市场未来趋势和发展的全面研究。它还研究了参与该行业的主要市场参与者的角色,包括他们的公司概况,财务摘要和SWOT分析。
企业运营是靠调度不同的资源来创造出市场需要的价值,交付这些价值,然后保留这些价值作为企业的资产。商业模型是描述这些资源之间的关系,资源调配适当就是一个赚钱的商业模型,但如果调配不当就可能是一个亏本的商业模型,所以我认为企业运营应该从搞清楚自己企业的商业模型是什么样子开始。 那么工具是什么呢?工具是提供思路的规范,很多时候它本身如何选择就是问题。工具没有什么对错,只要同意这个工具的定义,那这个工具就可以成为管理者之间的沟通语言,如果你不喜欢这个工具,那可以选择其他的,没有关系。只要在管理会上用选定的工具作为的交流媒介就可以,工具的关键还是“用”,否则这个工具永远都只是留在书上的文字。
<div class="hero-unit"> <h1>Heading</h1> <p>Tagline</p> <p> <a class="btn btn-primary btn-large"> Learn more </a> </p> </div>
而对于 v8.2 之前的 ARM 处理器,MegEngine 则通过对 Conv 使用 nchw44 的 layout 和细粒度优化,并创新性地使用了 int8(而非传统的 int6)下的 winograd 算法来加速 Conv 计算,最使实现能够和浮点运算媲美的速度。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
机械模型的中国工程机械行业是我国装备制造业的重要组成部分,在中国工程机械是在基础设施建设、 铁路、 道路、 电力、 水、 核电、 化工、 镇建设起到重要作用的重要力量。
采用卫星遥感影象做为地表贴面,反映和实地一样的地表形态,河流、植被、道路、居民地等信息一目了然;
战后20多年,无数大型公司借助2.0版机制,同时应对多个领域的多个品牌和产品线,与电视机的普及一起,共生出一个万花筒般的消费时代。像老福特那样只生产交付一两种产品、决策集中于一人的工业公司,占比非常低了。日本和欧洲也没落下,只有苏联东欧中国等则走向由计委包办。
1.应用优势:撕点区保障一定量的购房客户,达到抢房效果。与此同时选房等候区安排在撕点区隔壁,“只闻其声,而不知其人”,以预热等候的购房客户。打单区设置在签约区后排,方便根据客户选择合适的付款方式后,及时打印认购书。相比标准型,开盘后购房客户不再需要思考付款条件,只需准备签约手续即可,让购房客户体验更佳。
CUDA 平台是指 NVIDIA 旗下 GPU 平台,由于提供 CUDNN 和 Toolkit 系列接口以及 TensorRT 专用推理库,大部分算子可以使用官方优化,而 MegEngine 则在此基础上进行了更多细节的优化,比如如何更好地利用 GPU 的 TensorCore 进行加速,不同型号之间一些差异的处理等,最终效果根据不同模型也有非常明显的推理加速。
工业微服务需要创造全新开放价值生态平台。工业微服务开放平台能够为广大第三方开发者提供众多低门槛、易操作、高效率的开发支持手段,形成以工业App开发为核心的平台创新生态,同时也能够为制造业用户提供以工业微服务为基础的定制化、高可靠、可扩展工业App或解决方案,形成以价值挖掘提升为核心的平台应用生态。
<ul class="thumbnails"> <li class="span4"> <a href="#" class="thumbnail"> <img src="http://placehold.it/300x200" alt=""> </a> </li> ... </ul>
通过集成遥感、地理信息系统和三维仿真技术建立的电子沙盘,具有传统模拟沙盘和平面地图不可比拟的优势。
<ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/300x200" alt=""> <h3>Thumbnail label</h3> <p>Thumbnail caption...</p> </div> </li> ... </ul>
数字投影沙盘由灯光投影+实体沙盘模型组成。主要以多媒体展示系统为基础应用触摸显示、投影、互动控制等系统,加入三维动画、虚拟仿真、声光电等多种技术,使沙盘模型更加生动,让人们体验到全新的视觉感受。
运用多通道图像融合技术、三维立体空间后台处理系统、智能化中控系统集成技术,结合传统物理沙盘与弧幕双向互动演示,可充分展示城市与项目规划、区位特点等信息。在弧幕或直幕上投射VR虚拟现实影像内容以配合实体沙盘表现,提供更直观的三维表现效果。
<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div>
9、成本架构——支持创造核心价值的成本架构
<a href="#" class="close" data-dismiss="alert">×</a>
基于过程的机器学习 - 复杂的系统工程解决方案
<button type="button" class="close" data-dismiss="alert">×</button>
机:拥有制作船模的专用设备和机具。这是解决制作难度问题和保证作品工艺水平的重要手段。从某种角度讲,精巧细腻的作品,是手艺发挥和工具能力的表现。一般情况下,应事而宜,逐步完备。
福特汽车的流水线生产方式,把汽车价格从两三千美元拉低到800多美元,后来又降到300多美元,T型车的销量总计达到1500万台。这引起了大众社会的轰动,暂且算它是工业1.0版本。
生产智能管理是指在产品工艺设计、原料生产转化、生产装置运行的过程中,企业通过各环节数据的采集、分析、建模、仿真、反馈等预测加工工艺的可行性、实时监控与追溯生产过程、实现异常工况提前诊断与自愈控制。
<div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> Best check yo self, you're not... </div>
古希腊文明是在古埃及文明基础上创造出来的。当时的古希腊智者们普遍想法是在古埃及文化基础上创造出一种最理想的知识,这使他们实现了原始科学诞生的伟大文明跨越。古希腊人创造的数学和逻辑成为今天整个科学大厦的基石。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
数字沙盘是一种现场高效的多媒体展示方式,通过声、光、电、影的高效应用,结合现代多媒体交互展示技术,通过视觉,听觉,触觉的实时反馈,给予现场观众全方位立体的现场体验,对于现场演示,项目讲解,多点定位展示来说是一种很高效的赋能工具和载体。
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
如果仅仅看现在的美国,可能会觉得高不可攀。但如果与古希腊和英国科学革命的文明跨度相比,他们在英国文明基础之上真正实现文明级别跨越的东西有多少呢?近代英国科学革命之后依然存在的最深刻的科学问题美国文明并没有去解决,也没想到要去解决,甚至偏离科学精髓地加强了这些问题。
<div class="progress progress-striped"> <div class="bar" style="width: 20%;"></div> </div>
另一部分是由具有深厚工业知识沉淀但不具备直接编程能力的行业专家,将长期积累的知识、经验、方法通过“拖拉拽”等形象、低门槛的图形化编程方式,简易、便捷、高效的固化成一个个数字化模型。
<div class="progress progress-striped active"> <div class="bar" style="width: 40%;"></div> </div>
六边形规则相对三角细分复杂一点,也是一种常见的规则,通常选择六边形单元的中心对半切分,并消除掉其中一半的网格边,重新生成顶点并连接,这种方法不需要使用HalfEdge半边网格结构。虽然规则不完全相似,但生形过程与结果较为相近。
<div class="progress"> <div class="bar bar-success" style="width: 35%;"></div> <div class="bar bar-warning" style="width: 20%;"></div> <div class="bar bar-danger" style="width: 10%;"></div> </div>
移动化电子开盘流程使投入硬件更少,配备的人员更少,选房速度更快,业务流程更精简,可以有效支撑超大规模推盘和频繁推盘的需要。
<div class="progress progress-info"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger"> <div class="bar" style="width: 80%"></div> </div>
这些素材大多数都是由C4D等专业三维工具制作而成,由于某种懒得解释的技术原因,刚进圈子的PPT经常出现不兼容的情况。
<div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success progress-striped"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning progress-striped"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger progress-striped"> <div class="bar" style="width: 80%"></div> </div>
所谓投影沙盘就是以计算机技术为核心的现代高科技手段生成逼真的三维图像模型,借助投影显示设备或其他显示设备把计算机上的三维或四维图形图像模型显示到台面上。
所以应经常保持模型顶针和润滑导柱并定期检查顶针和指南列是否发生变形和表面损伤,一旦发现,要及时更换;完成生产周期之后,对力学模型的工作表面,和运动,和面向零件镀膜覆盖的专业的油,特别是应注意上齿轮,与牙条模型轴承部件和弹簧力学模型的拉伸强度的保护,以确保其始终在最佳工作状态,与生产时间的推移,冷却道路容易沉积规模和铁锈和泥和一种藻类,使冷却流道截面变量小、 冷却通道变窄,大大降低冷却液和模型志坚的热汇率,增加企业生产成本,所以对流道的清理应引起注意;为热路的力学模型,加热和控制系统的维护,以防止故障的发生,是特别重要。
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
同时,该主机还绑定了“光辉城市”旗下最极致的VR转换工具——Smart+旗舰版,设计师可以通过VR Designer PC直接导入SketchUp草图大师模型
<div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> ... <!-- Nested media object --> <div class="media"> ... </div> </div> </div>
未能在科学文明上有足够跨度的国家,即使通过贸易甚至工业等渠道暴富,但发展后劲明显欠缺。完成这种科学文明的跨越绝非仅靠某几个天才的发现或发明,它应成为整个国家和民族,尤其是其精英们超越上一个工业文明波峰共同理想支撑下的结果。
相关研究者介绍道,这种理论虽然看起来非常令人恐惧,但它在嵌合弦理论的过程中却占据了逻辑上的合理性。即便是支持“宇宙大爆炸”理论的科学家中,认可“动物园假说”的人数也占据了最高的比例,而这种逻辑上的合理性转移到弦理论所描绘的世界中之后,就自然会形成这套理论了。
<ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> ... <!-- Nested media object --> <div class="media"> ... </div> </div> </li> </ul>
科技展厅是集中展现产品技术及实力的较好表现途径,科技以人为本,城市科技与产业发展结合的宽创科技展厅理念,通过科技展厅集中展示产品而获得客户的信任,让客户了解相关科技的文化、产品、品质、服务等各个方面,更可作为客户来访参观、交流、洽谈的场所。
<div class="well"> ... </div>
当我们谈论文明“复兴”时,首先必须清楚一个问题:复兴的根本标志到底是什么。人们常会很容易把一个国家的经济、政治或军事等兴旺发达等同于“崛起”,这不能说没有道理,但却是不能抓住要害的。今天世界上有很多国家仅靠石油等资源就成为最富裕国家,但很少会认为通过这些方式富裕的国家能被称为一种文明的“崛起”。只有工业文明波浪传播到的顶峰才能真正成为一种文明的崛起。我们在《生态社会人口论》一书中阐明了,工业文明的本质是科学文明。只有科学文明和以科学文明为基础的经济和社会发达,才能被称为是文明的“崛起”。回顾历史上一个接一个崛起的大国,只有最充分依靠科学革命崛起的英国、德国和美国具有最长久的生命力。尤其英国真正完成了近代科学革命,并且第一个实现了工业革命,是近代工业文明波浪传播过程中文明跨度相对最大的一个。而如果仅仅是承接前一个工业革命的波浪,未能在科学文明上有足够跨度的国家,即使通过贸易甚至工业等渠道暴富,但发展后劲明显欠缺。完成这种科学文明的跨越绝非仅靠某几个天才的发现或发明,它应成为整个国家和民族,尤其是其精英们超越上一个工业文明波峰共同理想支撑下的结果。
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
TFT-LCD的PGU的主要供应商是日本JDI和京瓷,松下能够自产PGU,这也是松下HUD快速崛起的主要原因。台湾的友达和群创也有,国内的天马和京东方也有TFT-LCD的PGU。日本JDI和京瓷的PGU市场占有率估计超过80%甚至更高,因为日本企业电装、松下、日本精机三家在HUD的市场占有率有60%左右。
T-挑战:分析在目前的市场竞争态势下企业存在的威胁和挑战。
<button class="close">×</button>
SOLA集团在南部非洲拥有建设太阳能光伏电站的广泛业绩,已经通过该基金签署了15兆瓦的太阳能光伏项目,其中包括南非的几家啤酒厂和其他工业设施。消费者通过关税支付清洁能源,通常比Eskom或其市政提供者的费率低20%。
<a class="close" href="#">×</a>
从1987年MBSE概念出现至今正好40年,这也是展望系统工程及其新范式MBSE下一个10年、20年的恰当时机。2007年INCOSE IS年会首次发布MBSE发展路线图(图9),目前进展某种程度上已落后于这一路线图中的若干里程碑。从现在开始的下一个10年是实现《SE愿景2020》(2007)和《SE愿景2025》(2014)中所描绘蓝图的关键时期。
基于与泵,自动化,物联网和最终用户公司的互动,出版商已经确定了5个增长机会,帮助泵制造商在这个成熟的市场环境中识别新的收入流。更重要的是,它有助于泵制造商将自己定位为最终用户的有吸引力的合作伙伴,他们积极地重新调整他们的维护方法,以变得更具预测性和规范性。
class="pull-left"
.pull-left { float: left; }
如上图,用户首先在普通 Module 上进行正常的模型训练工作。训练结束后可以转换至 QFloat 模型上,通过配置不同的 Observer 和假量化算子来选择不同的量化参数 scale 获取方式,从而选择进行 QAT 或 Calibration 后量化。之后可以再转换至 Q 模型上,通过 trace.dump 接口就可以 直接导出进行部署。
class="pull-right"
.pull-right { float: right; }
决定供应商力量的因素有:投入的差异、产业中供方和企业的转换成本、替代品投入的现状、供方的集中程度、批量大小对供方的重要性、与产业总购买量的相关成本、投入对成本和特色的影响、产业中企业前向整合相对于后向整合的威胁等。
class="muted"
.muted { color: #999; }
这个模型从外部看起来平平无奇,甚至可以说,远看起来像一团垃圾似的。但当你看到这个模型内部的照片时,你会有沉浸到了设计空间地氛围中的感觉。
class="clearfix"
.clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } }