上海锐展是一支专注于工业模型、机械模型、船舶模型以及建筑模型设计与制作的专业服务机构！
在战争片中我们经常能看到作战指导人员在一个很大的沙盘前面布置作战计划；或是在房地产展销会上出现的楼群与室内户型结构的沙盘。沙盘将地形地貌或很大的物件浓缩到一张桌子大小的台子上，使我们可以微观地观摩宏观的物体，是军事、科研、房地产、工业、农业、教学、影视拍摄等领域所不可缺少的得力助手。
<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>
“Cellular Forms”项目使用了一种精简的细胞生长模型来生成错综复杂的、具有雕塑感的形态。结构由细胞间的力以及细胞的营养素累积规则控制，从相互连接的细胞单元中生成。当细胞的营养素超过了一个给定的阈值时，细胞一分为二，并且与周边的细胞重新构建连接。这些规则的细微改变都能产生许多不同的组织结构，产生的形式令人联想起植物、珊瑚、内脏以及微生物。“
<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>
500套机器人模型包含：ABB工业机器人、发那科机器人、库卡机器人、笛卡尔机器人、三角机器人、松下连杆机器人、四轴机械手、气动机械手、龙门机械手、弹簧机械手、冲压机械手等模型。
Garrity说，他已经开始使用各种过去的职业 - 漫画经销商，广告，娱乐写作和业余爱好经销商 - 来发展他的业务。 Garrity购买了来自美国各地的未构建套件，并维护着一个邮购和基于互联网的销售业务。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
8500T化学品船模型，模型比例1：100，模型尺寸约1.2米，模型以经典手工工艺为主，主要材料有玻璃钢、ABS工程塑料、环氧材料、铜丝铜板等，所涉工艺有3D打印、3D雕铣、线切割、电腐蚀、手焊、电镀、钢琴烤漆、UV转印等，模型主要用途为高级礼品赠送、展览展示、收藏等。
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>
太阳能技术不断发展的元素之一是更好的软件。在2019年在阿尔伯克基举行的光伏系统研讨会太阳能行业会议上，研究和开发专家聚集在一起，比较PVsyst和其他公司广泛使用的工厂设计项目中有关太阳能建模软件进展的说明。
<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>
经常接触模型、图像的学生，一定深知3D和2D模型的区别之大，医学、动物学、地质学等学科的学生更是如此。立体的模型不仅能够更好地观察模型的结构和组织，也能更加直观地让学生了解手术、地质变化等活动的原理。
<div class="pagination">
<ul>
<li class="disabled"><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
...
</ul>
</div>
多媒体互动投影系统适用于科技馆、规划馆、博物馆、行业展馆、主题展馆、企业展厅等诸多常年展馆。也适用于展览会现场、商场、大卖场、酒店宾馆、酒吧、迪厅、KTV、新产品发布、促销活动、舞台、婚庆婚典，以及写字楼、演出场馆、广场等传统用多媒体技术无法实现的场所。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
经常被问到机器学习的一个问题是我们可以为它命名多少工业应用。嗯，坦率地说，这是错误的问题。机器学习不是一种可以插入生产线并使生产线比以前更好地运行的设备。机器学习是一个需要来自许多设备的输入以向其提供数据的过程，以便可以收集，评估和使用数据来开发关于生产线如何生产产品及其所做部件的知识。然后，该知识可用于确定生产线如何具有更高的零件吞吐量，以更低的成本运行，以及更可靠地运行。
<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>
在这期间购房客户有充分的犹豫时间，等到签约时就出现客户离场或拒签、要求换房，以及对付款方式与条款等提出诸多问题等。这不仅降低选房转化率，而且签约效率也不高。采用一站式开盘后，上述问题明显改善。
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
传统的软件架构不断碎片化成一个个功能单元，并以微服务架构形式呈现在工业PaaS平台上，构成一个微服务池。目前两种架构并存于平台之上，但随着时间的推移，整体式架构会不断地向微服务架构迁移。
用户通过升级后的智能电子沙盘，能够直观快捷的调度现有资源，提升决策能力、提高指挥效率和协同作战能力。用户能够以任务所需的地图为界面，对各业务子系统统一使用、管理和操作，可根据任务需要，将所有能调取的信息在智能大屏上任意布局、显示、处理，为指挥员决策提供全局信息，方便指挥员研判和处置；实现指挥员与所属部队的高度互动，提高部队快速反应和处置情况能力
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
随着ADAS系统和5G的发展，AR-HUD为驾驶员提供了更加舒适和安全的驾驶体验。它将车辆基本信息（如，导航、车速、油量、里程等）和周围环境实时交互（为用户提供诸如，停车位、行人、前车预警等），以一种更加自然的图像处理方式来呈现在驾驶员前方。它将在实现3级和4级自动驾驶方面发挥关键作用。
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
从1987年MBSE概念出现至今正好40年，这也是展望系统工程及其新范式MBSE下一个10年、20年的恰当时机。2007年INCOSE IS年会首次发布MBSE发展路线图（图9），目前进展某种程度上已落后于这一路线图中的若干里程碑。从现在开始的下一个10年是实现《SE愿景2020》(2007)和《SE愿景2025》(2014)中所描绘蓝图的关键时期。
<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>
|
在Instagram的第二篇文章中，乔什 - 与其他模特卡莉·克洛斯没有关系 - 赞扬与卡戴珊一起庆祝金和克里斯在2011年Sketchers商业拍摄中的专业精神。
近代意大利的兴起始于一场“文艺复兴”运动，这场复兴直到今天依然被人们称颂。在科学和工业革命的历史上她的确是极为重要的，因为是她重新延续了工业文明源头的古希腊文明。但是，“复兴”概念的起点也就决定了她的终点，当古希腊亚里斯多德、泰勒斯、柏拉图、苏格拉底、欧几里德、色诺芬、毕达哥拉斯等智者的经典和成就被重新研习之后，事实上文艺复兴之路下一步该怎么走就没有方向了。
以平衡整体开盘效率。标准型流程考虑到集中销售特点，达到快速销售目的，支撑大规模推盘，故在流程上设置将销控区、收款区、打单区合并到一起，收款区、打单区不对客户开放
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
这些素材大多数都是由C4D等专业三维工具制作而成，由于某种懒得解释的技术原因，刚进圈子的PPT经常出现不兼容的情况。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
本报告重点关注全球主要电子沙盘参与者，定义，描述和分析未来几年的价值，市场份额，市场竞争格局，SWOT分析和发展计划。
展示机通过终端软件控制、网络信息传输和多媒体终端显示并通过图片、文字、视频、等多媒体素材进行广告宣传。
沙盘随着科学数字信息技术的不断创新发展，其表现形式及功能得到巨大程度的改变，可以说一个很大的变革，给每个行业带来了很好的宣传效果，而传统沙盘就逐渐被淘汰，这是为什么呢？
激光HUD是性能最强劲的，或许是自动驾驶时代的标配，需要注意这里的激光不是指光源，而是成像单元。简单地说，这很像一个MEMS激光雷达，RGB三色激光二极管编译图像成激光，用一个二轴扫描MEMS镜扫描成像。
如果我们设想一下，当时能有一个具有长远战略眼光的日本政治家在南京雨花台或天安门广场上的人民英雄纪念碑前献上一个花圈并跪下，所有中日之间，甚至日本与整个亚洲之间的历史问题很可能全都一笔勾销了。那个时候这样的行为之所以有成功的巨大可能，是因为整个中国和亚洲都急切地需要日本的产品技术和资金。但是，日本需要主动给中国一个台阶，让中国和整个亚洲把包袱放下。这个台阶不仅要足够，而且要有非常好的历史时机配合。
另一个模型完美地使用了石膏，在这种情况下，崎岖不平的“山”地形与建筑的结构逻辑形成了美丽的对比。
把插座做到10块钱，和整个鸿海集团做到每年约人民币1万亿元的营收、2000多亿的净资产，近百万名员工，是一头灵活大象无数参数中的几个。
通过模型部件的拖动功能体现家电产品使用特性，比如上图就是五轴钻床在3D秀秀中的拖动演示，用户通过鼠标将某个零部件拿出来，并近景展示该部件外观和形态，也可以通过显影交换来观察各个产品。
“树脂铸造是套件制造商的转折点，”萨瑟兰说，他配备了他的Barracuda Studios桌子。 “他们看到了我们正在做的工作，他们开始在细节和质量上进行比赛。”
所有这些都是科学创始人现在可以选择启动生物公司而不依赖风险投资来代表他们创建。还有很多。这些创始人推出的新一代生物公司更像是在野外诞生。这并不容易;事实上，它是一个丛林，所以你需要犯错误，快速学习，磨练你的直觉，并为生存做好准备。另一方面，考虑到基于工程的生物平台的变革潜力，存活下来的幼崽可以长成狮子。
路桥机械模型，华中建机高端道路桥梁施工设备，模型比例1：30，模型制作精密，仿真度高，使用寿命在5年以上，是华中建机国内外参展的高端展品。
今日之中国所需要努力奋头和追求的早已经不是西方人的赞扬和鼓励，而是在全面继承科学文明的基础上，获得赞扬和鼓励西方人的资格，和对未来科学的鉴赏、判断能力。
<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>
采用工业微服务的方式将上述软件拆解成独立的功能模块，实现对原有生产体系的解构，随后在平台中构建起富含各类功能与服务的微服务组件池，并按照实际需求来调用相应的微服务组件，进行高效率和个性化的面向用户的工业App研发，整个软件研发的技术门槛和投入成本大大降低。原来需要专业团队和雄厚资金支持的精英化软件研发开始向大众化研发转变。
此次模型放置于苏州市工业园区的协鑫中心一楼大厅，设计上创新的采用了模型与多媒体LED屏结合的艺术造型，成为承载协鑫集团对外展示新能源应用的重要窗口，并获得了集团上下一致的好评。
<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>
指人们会倾向于寻找能支持自己观点的证据，对支持自己观点的信息更加关注，或者把已有的信息往能支持自己观点的方向解释。”
<a href="#" class="close" data-dismiss="alert">×</a>
除了手势识别外，腕带也可以搭载计算模块、电池、天线、传感器等元件，比如搭载肌电图(EMG)传感器或许可以实现丰富的AR交互效果。据了解，肌电图利用传感器将通过手腕传递到前掌的电机神经信号转换成数字命令，FRL的肌电图腕带的主要功能是识别使用者的手势。与基于光学的手势识别或手势识别手套相比，肌电信号更灵敏，甚至可能在你手指没开始动的时候就能识别到你从大脑发送的意图。甚至，这种交互方式比手机触屏、键鼠还要快速。
<button type="button" class="close" data-dismiss="alert">×</button>
数字沙盘在内容的展示上简单明了，不落俗套，设计手法上既有对传统的创新，又有现代高新科技的体现，大模型场面宏大，小模型布局精巧。大量运用高科技展示手法，声、光、电、互动项目、三维动画、影视等现代视觉效果。结合趣味性、互动性与知识性，寓展于乐，实现了与观众的"互动革命"。数字沙盘设有控制系统，包括总体控制，厅内照明、灯饰、计算机、电视机、操作台以及空调等强弱电系统按照预先编制的运行程序自动运行，从开启电源到关闭电源，都不需要人为控制，自动运行。
电子沙盘突破了传统沙盘的限制，如大面积，携带不方便，单一内容，难以更新。除了传统材料沙盘的功能外，它还具有区域规划的实用功能，如协助设计规划方案，管理规划对象的时空属性，分析空间影响和评估规划蓝图等。
查塔努加今年是国际塑料建模师协会 - 美国年度全国大会的举办地，其中建模人员将与他们的最新作品展开竞争，并了解油漆，工具，售后零件和最新型号套件的新功能。
<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>
近期讨论的“智慧院所”就是站在能力建设的认知维上看待整个三维协同空间，是知识工程在MBSE和MBe新范式下的深入实施和应用，其主体是复杂产品和系统全生命期内的研制组织，目标是研制体系的能力建设，对象是复杂产品和系统全生命期内基于模型的DIKW认知流。
<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>
要么是指已经得到的东西丢掉了；要么是指本来有可能得到的东西，但却没有能够得到。那么所谓日本“失去的20年”是在什么意义上来理解呢？
<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>
电子沙盘与传统沙盘模型相比，应用领域更广泛，具有快速、简便、精确等特点，通过动态演示、实时更新和快速查询来完成参数修订以获取更加丰富的演示效果，更重要的是对地形地貌等地理地质景观的展现更具有立体直观的虚拟仿真演示效果。
<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>
20多年前，当日本经济开始接近世界第一的位置时，中国刚刚开始改革开放不久。当时的中国与今天完全不同，如果日本要想来领导和整合中国，以当时的实际状况来说，中国对此会是求之不得的心态。
<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>
3.0韦尔奇，安装了资本市场规则的虚拟机，以外部最强竞争者作为评价基准，延缓了“激励耗尽”的组织退化趋势；
<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>
近年来，德国对中国出口也一路高歌猛进，而日本对华出口却处于停滞和波动状态。2014年德国的外贸出口总额达11336亿欧元（约合人民币80277.02亿元），较上一年提高3.7%，并再次创下最高纪录。其贸易顺差也位居全球首位，且远超排名第二、第三的中国和沙特，达到了2170亿欧元（约合人民币15361.86亿元）。
其人均GDP应该在什么水平呢？就算达到与美国一样，就是在目前水平上增加38%。说小也不算小，说大也算不大。难道这就是日本20年失去的东西吗？并且，凭什么认为日本与美国人均GDP一样就是天经地义属于日本的东西呢？
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.
电子沙盘实现信息的综合传递，信息容量更大。不仅拥有震撼的视觉效果，而且还有相应的解说词、音乐、音效等，刺激参观者的视听神经，再加上实质内容具有逻辑性与条理性的直观展示，视听内容经过逻辑顺序的整合，以明晰的主线表达出来，这种综合性的传达将让内容的展示效果比单一的听解说或观看模型沙盘的效果更高。由于摆脱了单一实物沙盘的空间限制，电子沙盘可以容纳与传递的信息量更大。
<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>
至今知识界还陷入在“公知”“中偏左”，或者只是重释中国大量历史古纸堆的状态之中飘飘欲仙，能讲几段中国历史故事就算“百家讲坛”，重复点美国一两百年前古纸堆里的东西就自以为在对中国社会进行启蒙。这样浅薄的目标和理想能够支撑中国在未来短短的10多年、最多20年历史机遇期里实现什么样的文明跨度呢？
走过供应商的房间，参观者们被满满的新工具包，老旧稀有模型，贴花纸盒，特种工具，油漆，胶水，水泥，光刻和树脂细节部件，喷枪和其他用品欢迎。
<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>
2007年，我与清华大学经管学院朱武祥教授联手推出“魏朱商业模式六要素”模型，该模型是一套完整、系统、独立的商业模式体系。商业模式，是企业为实现最大化价值而构建的从事业务系统活动利益相关者的交易结构。
<div class="well"> ... </div>
今天的英国尽管早已逐步远离了工业文明波浪的巅峰，昔日“日不落帝国”的耀眼光辉已难觅踪迹，但她却在每一个重要历史关头都大致上能做出符合自己历史地位的正确选择，从而在今天还是保持了自己在世界上一定的地位。
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
他讲的是一个围绕教授的知识综艺节目，他作为制片是本次活动的总策划，事先我们确定的原则是真实、自然，懂得什么就说什么，没有剧本，现场抓拍，以教授为核心，对教授的各种活动进行跟踪，阿贵是一个挑战者，更是一个学习者。它是什么呢？什么都不是，但又与许多现在电视节目有类似，有许多其他影视中的元素。就这些，我们已经达成了一致并且启动了第一季拍摄，拍了七天，走了三个城市，去四家企业，进入了教授经常去的地方，五、六个地方。但是，它的商业模型还没有完全确定，这就是阿贵主讲时，为他要这那样讲这个商业模型，因为他也不知道未来会如何？
建设 LED 电子沙盘，增加触控和离屏遥控功能。操作人员可以利用激光光点直接对沙盘光标进行精准指示操作，可遥控视角范围达178 度左右，激光光点对屏幕光标的直接指示精度最高可达 1 毫米。遥控器具有鼠标功能键、多模式切换键、方向键等可满足主讲者对于展示、讲解、培训等全部需求。点击电子地图上特定区域能够在 LED 拼接屏幕上弹出窗口显示该点的二维地图或三维地形图，实现指挥中心多组智能交互屏幕之间做到互联互通。
<button class="close">×</button>
人们常说历史即是偶然的也是必然的。工业文明的波浪模型清楚地揭示了工业文明历史的必然性所在。当它的波浪没有到达中国时，完全不应有任何奢望。但它这个波浪来到时，想躲过都很难。看看今天中国周边的国家，除了朝鲜这样稀有的国家外，有几个不是处在工业文明的黄金时期呢？
<a class="close" href="#">×</a>
机械模型气管损坏进行更换，要对机械模型几个重要零部件进行重点跟踪检测：介绍顶出、导向部件的作用是确保模型开合运动及塑件顶出，若机械模型其中任何部位因损伤而卡住，将导致停产，故应经常保持模型顶针、导柱的润滑，并定期检查顶针、导柱等是否发生变形及表面损伤，一经发现，要及时更换；
生产资源连接是指生产现场的人与机器、机器与机器之间通过电脑、移动交互界面、互联网、AR（增强现实）与 VR（虚拟现实）技术等手段实现互连接、互感知、互操作。能力等级如下：
class="pull-left"
.pull-left {
float: left;
}
今天，当很多人谈到中国文明的复兴时，心中会是什么概念？“复兴”带有“重新回到昔日兴盛局面”之意。今日中国，要做的只是简单地重回昔日中国大唐、宋朝等时代万邦来朝的盛况吗？如果不能从全球工业文明波浪进程的视角看问题，我们将无法对中国今天的历史进程获得最精确和完善的理解。
class="pull-right"
.pull-right {
float: right;
}
B 方案 大尺寸触摸屏+舞台灯光(摇头灯、柔光灯、激光灯、追光灯、水纹灯)+实体模型
class="muted"
.muted {
color: #999;
}
供应链优化是指对供应链上游物料流转数据、供应链下游客户需求数据（包括个性化需求）进行采集和分析，并将分析结果及时反馈给供应链上游企业，实现供应链上下游数据共享和反馈协作。
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}